fix taskbar design for iOS

This commit is contained in:
Skylsmoi 2017-04-21 15:00:57 +02:00
parent 7edc49c4eb
commit 2634167f41
2 changed files with 24 additions and 12 deletions

View File

@ -19,10 +19,16 @@
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;

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">
<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>