Merge pull request #24 from Skylsmoi/336/fix_display_taskbar_save

336/fix display taskbar save
This commit is contained in:
Kelson 2017-04-23 15:43:22 +02:00 committed by GitHub
commit e26244687d
2 changed files with 48 additions and 13 deletions

View File

@ -19,9 +19,38 @@
width: 20em;
}
.kiwixsearch {
.kiwix .kiwix_centered {
max-width: 55.8em;
margin: 0 auto;
}
.kiwix .kiwix_button_wrapper {
float: left;
}
.kiwix .kiwix_searchform {
float: right;
}
.kiwix #kiwixtoolbar button,
.kiwix #kiwixtoolbar #kiwixsearchform input[type="submit"] {
margin-right: 5px;
padding: 0 6px;
border: 1px solid #999;
border-radius: 3px;
background-color: #ededed;
font-weight: normal;
cursor: pointer;
}
.kiwix #kiwixtoolbar a {
margin-bottom: 5px;
}
.kiwix #kiwixtoolbar a > button {
font-size: 16px;
}
.kiwix #kiwixtoolbar #kiwixsearchform input {
border: 1px solid #999;
border-radius: 3px;
background-color: #fff;
padding: 2px 2px 2px 3px;
}
/* Try to fix buggy stuff in jquery-ui autocomplete */
#ui-id-1, .ui-autocomplete {
@ -44,14 +73,14 @@ li.ui-state-focus {
text-decoration: underline;
}
/* the breakpoint "600px" is the width of the 3 btns "library", "home" and "randoml" */
@media (max-width: 600px) {
/* the breakpoint "645px" is the width of the 3 btns "library", "home" and "randoml" */
@media (max-width: 645px) {
.kiwixsearch {
float: none;
margin-top: 5px;
}
#kiwixsearchbox {
width: 65%;
width: 65%;
}
#kiwixsearchform input[type="submit"] {
width: 30%;

View File

@ -2,14 +2,20 @@
<link type="text/css" href="/skin/jquery-ui/jquery-ui.theme.min.css" rel="Stylesheet" />
<span class="kiwix">
<span id="kiwixtoolbar" class="ui-widget-header">
<a href="/"><button>Library</button></a>
<a href="/__CONTENT__/"><button>Home</button></a>
<a href="/random?content=__CONTENT__"><button>Random</button></a>
<form class="kiwixsearch" method="GET" action="/search" id="kiwixsearchform">
<input type="hidden" name="content" value="__CONTENT__" />
<input autocomplete="off" class="ui-autocomplete-input" id="kiwixsearchbox" name="pattern" type="text">
<input type="submit" value="Search">
</form>
<div class="kiwix_centered">
<div class="kiwix_button_wrapper">
<a href="/"><button>Library</button></a>
<a href="/__CONTENT__/"><button>Home</button></a>
<a href="/random?content=__CONTENT__"><button>Random</button></a>
</div>
<div class="kiwix_searchform">
<form class="kiwixsearch" method="GET" action="/search" id="kiwixsearchform">
<input type="hidden" name="content" value="__CONTENT__" />
<input autocomplete="off" class="ui-autocomplete-input" id="kiwixsearchbox" name="pattern" type="text">
<input type="submit" value="Search">
</form>
</div>
</div>
</span>
</span>
<div class='height_separator'></div>
<div style="display: block; height: 5em;"></div>