]> _ Git - fluidbook-html5.git/commitdiff
wip #7952
authorsoufiane <soufiane@cubedesigners.com>
Tue, 3 Feb 2026 13:17:14 +0000 (14:17 +0100)
committersoufiane <soufiane@cubedesigners.com>
Tue, 3 Feb 2026 13:17:14 +0000 (14:17 +0100)
js/libs/fluidbook/fluidbook.burger.js
js/libs/fluidbook/fluidbook.nav.js
js/libs/fluidbook/fluidbook.search.js
style/burger.less

index 565c0e08512de4fb7238699ac8cc1a250c0cc5e5..ecd1c89bd8fe2e31d468e12c62f39c4c3830c783 100644 (file)
@@ -256,7 +256,7 @@ FluidbookBurger.prototype = {
 
         var $this = this;
         var res = '<form action="#" id="searchForm" method="post">';
-        res += '<input id="q" name="q" type="search" value="" aria-label="' + this.fluidbook.l10n.__('search keywords') + '" placeholder="' + this.fluidbook.l10n.__('search') + '" autocorrect="off" autocomplete="off" autocapitalize="off" />';
+        res += '<input id="q" name="q" type="search" value="" aria-label="' + this.fluidbook.l10n.__('search keywords or reference') + '" placeholder="' + this.fluidbook.l10n.__('search keywords or reference') + '" autocorrect="off" autocomplete="off" autocapitalize="off" />';
         res += '<a href="#" id="submitSearch" class="icon-submitSearch" role="button" tabindex="-1" aria-label="' + this.fluidbook.l10n.__('submit search') + '"><svg viewBox="0 0 512 512" class="nav-search nav-icon svg-icon" aria-hidden="true"><use xlink:href="#nav-search"></use></svg></a>';
         res += '</form>';
         res += '<div id="menuSearchHints" class="mm-nopanel"></div>';
index 13d58f72e7f74fe72e4ce899d5525089a2d15c0f..d2a9015e2e29bc5f19e7ef08c91ea8fbdfc53bb9 100644 (file)
@@ -39,7 +39,7 @@ FluidbookNav.prototype = {
     },
 
     initMenu: function () {
-        this.burger.init();
+    this.burger.init();erngbdwcQHKLJV
     },
 
 
index 699da024a3adea2ac97b61206bb0c4f522778369..c3936a298d8b02e8116b06868fd9f1f386fef9bf 100644 (file)
@@ -829,10 +829,11 @@ FluidbookSearch.prototype = {
         if (!this.hintsEnabled) {
             return;
         }
-        this.menuSearchHints = $('#menuSearchHints, #menuSearch');
+        this.menuSearchHints = $('#menuSearchHints');
         this.fluidbook.nav.burger.hideMenuItems(); // Hide menu items to give space for hints div
 
         this.menuSearchHints.fadeIn(300);
+        $("#menuSearch").fadeIn(300);
     },
 
     getSearchHints: function (q) {
index 10511dbafc451e41c8ec22ed4cab14dc0ec80c39..babf79395b7237a5782a41c3cb867a49a0a65116 100644 (file)
@@ -198,7 +198,7 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
   max-width: 400px;
   //z-index: 2; // Ensure search box sits above #shareLinks
   background-color: @menu-field-background;
-  border-radius: 8px;
+  border-radius: 5px;
   overflow: hidden;
   box-shadow: rgba(0, 0, 0, 0.2) -5px 6px 13px 0px;
   z-index: 999;
@@ -285,9 +285,9 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
   background-color: @menu-field-background;
   color: @menu-field-text;
   border-radius: 0;
-  height: 60px;
-  font-size: 16px;
-  padding: 0 1em 0 64px;
+  height: 36px;
+  font-size: 14px;
+  padding: 0 1em 0 50px;
   width: 260px;
   border: transparent 6px solid;
 
@@ -310,8 +310,8 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
   padding-left: 20px !important;
 
   .svg-icon {
-    width: 25px;
-    height: 25px;
+    width: 18px;
+    height: 18px;
   }
 
   .ltr & {
@@ -348,12 +348,13 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
   }
 
   .hint {
-    padding: 10px 15px;
-    font-size: 16px;
+    padding: 10px 12px;
+    font-size: 13px;
     display: block;
     width: 100%;
     height: auto;
     position: relative;
+    border-radius: 5px;
 
     .menu-hover-item();