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>';
},
initMenu: function () {
- this.burger.init();
+ this.burger.init();erngbdwcQHKLJV
},
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) {
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;
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;
padding-left: 20px !important;
.svg-icon {
- width: 25px;
- height: 25px;
+ width: 18px;
+ height: 18px;
}
.ltr & {
}
.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();