Update classes and ids to have Kiwix namespace

This commit is contained in:
Joe Reeve 2019-07-09 10:59:47 +01:00 committed by Kelson
parent 7db7d2a2ab
commit e897dd4e59
3 changed files with 15 additions and 15 deletions

View File

@ -48,34 +48,34 @@
margin: 0 auto; margin: 0 auto;
} }
#button_show_toggle { #kiwix_button_show_toggle {
display: none; display: none;
} }
#button_show_toggle:checked~label~.kiwix_button_cont, #kiwix_button_show_toggle:checked~label~.kiwix_button_cont,
#button_show_toggle:checked~label~.kiwix_button_cont>a { #kiwix_button_show_toggle:checked~label~.kiwix_button_cont>a {
display: block; display: block;
} }
#button_show_toggle:not(:checked)~label~.kiwix_button_cont { #kiwix_button_show_toggle:not(:checked)~label~.kiwix_button_cont {
display: none; display: none;
} }
label[for="button_show_toggle"] { label[for="kiwix_button_show_toggle"] {
display: inline-block; display: inline-block;
height: 26px; height: 26px;
} }
label[for="button_show_toggle"] img { label[for="kiwix_button_show_toggle"] img {
transition: 0.1s; transition: 0.1s;
height: 26px; height: 26px;
} }
#button_show_toggle:checked~label img { #kiwix_button_show_toggle:checked~label img {
transform: rotate(-180deg); transform: rotate(-180deg);
} }
label[for="button_show_toggle"], label[for="kiwix_button_show_toggle"],
.kiwix_button_cont { .kiwix_button_cont {
display: block; display: block;
} }
@ -143,18 +143,18 @@ li.ui-state-focus {
display: inline-block !important; display: inline-block !important;
} }
label[for="button_show_toggle"] { label[for="kiwix_button_show_toggle"] {
display: none; display: none;
} }
} }
@media (max-width: 645px) { @media (max-width: 645px) {
#button_show_toggle~label~.kiwix_button_cont.searching { #kiwix_button_show_toggle~label~.kiwix_button_cont.searching {
display: none !important; display: none !important;
} }
label[for="button_show_toggle"].searching { label[for="kiwix_button_show_toggle"].searching {
display: none !important; display: none !important;
} }

View File

@ -8,8 +8,8 @@
<input autocomplete="off" class="ui-autocomplete-input" id="kiwixsearchbox" name="pattern" type="text"> <input autocomplete="off" class="ui-autocomplete-input" id="kiwixsearchbox" name="pattern" type="text">
</form> </form>
</div> </div>
<input type="checkbox" id="button_show_toggle"> <input type="checkbox" id="kiwix_button_show_toggle">
<label for="button_show_toggle"><img src="__ROOT_LOCATION__/skin/caret.png" alt=""></label> <label for="kiwix_button_show_toggle"><img src="__ROOT_LOCATION__/skin/caret.png" alt=""></label>
<div class="kiwix_button_cont"> <div class="kiwix_button_cont">
<a id="kiwix_serve_taskbar_library_button" href="__ROOT_LOCATION__/"><button>&#x1f3e0;</button></a> <a id="kiwix_serve_taskbar_library_button" href="__ROOT_LOCATION__/"><button>&#x1f3e0;</button></a>
<a id="kiwix_serve_taskbar_home_button" href="__ROOT_LOCATION__/__CONTENT__/"><button>__ZIM_TITLE__</button></a> <a id="kiwix_serve_taskbar_home_button" href="__ROOT_LOCATION__/__CONTENT__/"><button>__ZIM_TITLE__</button></a>

View File

@ -39,11 +39,11 @@
$('#kiwixsearchbox').on({ $('#kiwixsearchbox').on({
focus: function () { focus: function () {
$('.kiwix_searchform').addClass('full_width'); $('.kiwix_searchform').addClass('full_width');
$('label[for="button_show_toggle"], .kiwix_button_cont').addClass('searching'); $('label[for="kiwix_button_show_toggle"], .kiwix_button_cont').addClass('searching');
}, },
blur: function () { blur: function () {
$('.kiwix_searchform').removeClass('full_width'); $('.kiwix_searchform').removeClass('full_width');
$('label[for="button_show_toggle"], .kiwix_button_cont').removeClass('searching'); $('label[for="kiwix_button_show_toggle"], .kiwix_button_cont').removeClass('searching');
} }
}); });
})(jQuery); })(jQuery);