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

View File

@ -8,8 +8,8 @@
<input autocomplete="off" class="ui-autocomplete-input" id="kiwixsearchbox" name="pattern" type="text">
</form>
</div>
<input type="checkbox" id="button_show_toggle">
<label for="button_show_toggle"><img src="__ROOT_LOCATION__/skin/caret.png" alt=""></label>
<input type="checkbox" id="kiwix_button_show_toggle">
<label for="kiwix_button_show_toggle"><img src="__ROOT_LOCATION__/skin/caret.png" alt=""></label>
<div class="kiwix_button_cont">
<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>

View File

@ -39,11 +39,11 @@
$('#kiwixsearchbox').on({
focus: function () {
$('.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 () {
$('.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);