responsive (#1006)

Author: berger-n

src/components/App.js

@@ -7613,7 +7613,8 @@ handleCheck = (ev:Event,lab:string,val:boolean,params:{}) => {
             { showMenus }
                { !this.props.config.khmerServer && 
                   <div class="fond-logo">
-                     <a /*title="Photo by Ven. Matthieu Ricard"*/ id="logo" target="_blank" old-href="https://www.tbrc.org/">
+                     <a /*title="Photo by Ven. Matthieu Ricard"*/ id="logo" target="_blank" old-href="https://www.tbrc.org/"
+                        data-caption='Photo by Ven. Matthieu Ricard'>
                         {/* <img src="/logo.svg" style={{width:"200px"}} /> */}
                         {/* <img src="/pichome.jpg" /> */}
                         <img src="library-hero.jpg" />
@@ -8001,7 +8002,9 @@ handleCheck = (ev:Event,lab:string,val:boolean,params:{}) => {
 
                         <div class="home-tradi-grid">
                            { ["bo","pi","sa","zh"].map(t => (
-                              <Link /*{...t=="bo"?{title:"Photo by Ven. Matthieu Ricard"}:{}}*/ onClick={() => { document.documentElement.scrollTo({ top:0, left:0, behavior: "instant" }); }} 
+                              <Link /*{...t=="bo"?{title:"Photo by Ven. Matthieu Ricard"}:{}}*/ 
+                                 data-caption='Photo by Ven. Matthieu Ricard'
+                                 onClick={() => { document.documentElement.scrollTo({ top:0, left:0, behavior: "instant" }); }} 
                                     className={this.props.tradition === t ? "active": ""} to={"/tradition/"+t+"/"}>
                                  <span>{I18n.t("tradition."+t+"T")}</span>
                                  <img src={"/tradi/"+t+".jpg"}/>

src/lib/searchkit/App.css

@@ -1797,13 +1797,14 @@ header[data-hits="0"] ~ .hits .pagination,
 .home-tradi-grid a[href$="/bo/"]::after,
 .SearchPane #logo::after {
 
-  content:'Photo by Ven. Matthieu Ricard';
+  content:attr(data-caption);
   position:absolute;
   color:white;
   bottom:0;
   left:0;
   font-size:12px;
   text-shadow:1px 1px 1px black;
+  padding-left:3px;
 }
 
 /* responsive */
@@ -2812,6 +2813,10 @@ header[data-hits="0"] ~ .hits .pagination,
     top:190px;
   }
 
+  .SearchPane #logo::after {
+    bottom:auto;
+    top:calc(max(100vw,375px) * 490 / 1440 - 17px);
+  }
 }
 
 @media (max-width:665px){
@@ -3010,6 +3015,8 @@ header[data-hits="0"] ~ .hits .pagination,
   #viewer .nav-bar-top #buda + a {
     display:none;
   }
+
+
 }