kiwix/kiwix-tools
1
0
Fork 0
mirror of https://github.com/kiwix/kiwix-tools.git synced 2025-09-25 13:19:59 -04:00
Code Issues Packages Projects Releases Wiki Activity

#336 taskbar is now responsive

Browse Source
This commit is contained in:
Skylsmoi 2017-04-05 14:50:52 +02:00
parent f46e560d7f
commit f045590243
2 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
static/server/taskbar.css
View File

@ -5,7 +5,10 @@
right:0; right:0;
top: 0; top: 0;
z-index:100; z-index:100;
max-height: 2.8em; }
.height_separator {
height: 3em;
} }
#kiwixsearchbox { #kiwixsearchbox {
@ -14,7 +17,7 @@
.kiwixsearch { .kiwixsearch {
float: right; float: right;
}s }
/* Try to fix buggy stuff in jquery-ui autocomplete */ /* Try to fix buggy stuff in jquery-ui autocomplete */
#ui-id-1, .ui-autocomplete { #ui-id-1, .ui-autocomplete {
@ -37,14 +40,22 @@ li.ui-state-focus {
text-decoration: underline; text-decoration: underline;
} }
@media only screen and (min--moz-device-pixel-ratio: 1.5), /* the breakpoint "600px" is the width of the 3 btns "library", "home" and "randoml" */
only screen and (-o-min-device-pixel-ratio: 1.5/1), @media (max-width: 600px) {
only screen and (-webkit-min-device-pixel-ratio: 1.5), .kiwixsearch {
only screen and (min-device-pixel-ratio: 1.5) { float: none;
#kiwixtoolbar button, #kiwixtoolbar input { margin-top: 5px;
font-size: 2em;
} }
#kiwixsearchbox { #kiwixsearchbox {
width: 7em; width: calc(100% - 75px);
} }
#kiwixsearchform input[type="submit"] {
width: 70px;
}
.height_separator {
height: 6em;
}
} }

2
static/server/taskbar.html.part
View File

@ -12,4 +12,4 @@
</form> </form>
</span> </span>
</span> </span>
<div style="display: block; height: 3em;"></div> <div class='height_separator'></div>