kiwix/kiwix-tools
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-tools.git synced 2025-09-23 03:52:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

Format taskbar.css

Browse Source
This commit is contained in:
Joe Reeve 2019-06-18 10:01:57 +01:00 committed by Kelson
parent 66c35b7b3e
commit 0a7f375f3a
1 changed files with 35 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
static/server/taskbar.css
View File

@ -35,11 +35,13 @@
.kiwix_searchform {
width: 20em;
}
#kiwixsearchbox {
position: absolute;
left: 0;
width: 100%;
}
#kiwix_serve_taskbar_home_button button {
overflow: hidden;
text-overflow: ellipsis;
@ -50,6 +52,7 @@
max-width: 720px;
margin: 0 auto;
}
#button_show_toggle {
display: none;
}
@ -57,23 +60,29 @@
#button_show_toggle:not(:checked)~label:after {
content: '►';
}
#button_show_toggle:checked~label:after {
content: '▼';
}
#button_show_toggle:checked~label~.kiwix_button_cont,
#button_show_toggle:checked~label~.kiwix_button_cont>a {
display: block;
}
#button_show_toggle:not(:checked)~label~.kiwix_button_cont {
display: none;
}
label[for="button_show_toggle"],
.kiwix_button_cont {
display: block;
}
.kiwix .kiwix_searchform {
float: right;
}
.kiwix #kiwixtoolbar button,
.kiwix #kiwixtoolbar input[type="submit"] {
box-sizing: border-box !important;
@ -88,9 +97,11 @@ label[for="button_show_toggle"],
cursor: pointer !important;
font-size: 16px !important;
}
.kiwix #kiwixtoolbar a {
margin-bottom: 5px;
}
.kiwix #kiwixtoolbar #kiwixsearchform input[type='text'] {
box-sizing: border-box !important;
height: 26px !important;
@ -103,7 +114,8 @@ label[for="button_show_toggle"],
}
/* Try to fix buggy stuff in jquery-ui autocomplete */
#ui-id-1, .ui-autocomplete {
#ui-id-1,
.ui-autocomplete {
background: white !important;
border: solid 1px grey !important;
}
@ -117,35 +129,44 @@ li.ui-state-focus {
.kiwix_button_cont {
display: inline-block !important;
}
.kiwix_button_cont>a {
display: inline-block !important;
}
label[for="button_show_toggle"] {
display: none;
}
}
@media (max-width: 520px) {
.kiwixsearch {
margin-top: 5px;
}
.kiwix_button_cont {
margin-top: 5px;
}
}
@media (max-width: 645px) {
.kiwix_searchform.full_width {
width: 100%;
}
.kiwixsearch {
float: none;
}
.kiwix_searchform {
width: 36%;
}
.height_separator {
height: 6em;
}
}
@media(max-width:415px) {
.kiwix_searchform {
width: 80%;