Personal/cops
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Handle search box a little better (vertical alignment). re #34

Browse source
This commit is contained in:
Sébastien Lucas 2013-10-10 22:07:47 +02:00
parent 938843596a
commit 62a3aead5b
3 changed files with 20 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
styles/style-base.css
View file

@ -125,7 +125,7 @@ header {
display:inline-block; display:inline-block;
color:lightgray; color:lightgray;
text-align: center; text-align: center;
vertical-align: bottom; margin: 0 2px;
} }
.submit { .submit {
@ -134,6 +134,7 @@ header {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border-color: transparent; border-color: transparent;
display: table-cell;
} }
.hicon64{ .hicon64{
@ -144,8 +145,6 @@ header {
} }
.hicon32{ .hicon32{
font-size: 24px;
line-height: 32px;
width: 32px; width: 32px;
height: 32px; height: 32px;
} }
@ -318,16 +317,14 @@ line-height: 100%;
#tool #tool
{ {
width:100%; width:100%;
overflow: hidden;
} }
/*-------------Search Aside-------------*/ /*-------------Search Aside-------------*/
#tool input[type=search] #tool input[type=text]
{ {
vertical-align: middle; vertical-align: middle;
width: 100%; width: 100%;
margin: 3px;
} }
.stop select .stop select
@ -341,10 +338,16 @@ margin: 4px;
cursor:pointer; cursor:pointer;
} }
#searchForm {
display: table;
padding: 0 2px;
}
.stop .stop
{ {
display: block; display: table-cell;
overflow: hidden; vertical-align: middle;
width: 100%;
} }
/* ============================================================================= /* =============================================================================

8
templates/default/footer.html
View file

@ -1,15 +1,15 @@
<footer> <footer>
<div class="footleft"> <div class="footleft">
<a href="index.php?page=19"><div title="{{=it.c.i18n.customizeTitle}}" class="hicon hicon32"><i class="icon-wrench"></i></div></a> <a href="index.php?page=19"><div title="{{=it.c.i18n.customizeTitle}}" class="hicon hicon32"><i class="icon-wrench icon-2x"></i></div></a>
</div> </div>
<div class="footright"> <div class="footright">
<a class="fancyabout" href="{{=it.abouturl}}"><div title="{{=it.c.i18n.aboutTitle}}" class="hicon hicon32"><i class="icon-info-sign"></i></div></a> <a class="fancyabout" href="{{=it.abouturl}}"><div title="{{=it.c.i18n.aboutTitle}}" class="hicon hicon32"><i class="icon-info-sign icon-2x"></i></div></a>
</div> </div>
{{? it.isPaginated == 1}} {{? it.isPaginated == 1}}
<div class="footcenter"> <div class="footcenter">
{{? it.prevLink != ""}}<a id="prevLink" href="{{=it.prevLink}}" ><div title="{{=it.c.i18n.previousAlt}}" class="hicon hicon32"><i class="icon-angle-left"></i></div></a>{{?}} {{? it.prevLink != ""}}<a id="prevLink" href="{{=it.prevLink}}" ><div title="{{=it.c.i18n.previousAlt}}" class="hicon hicon32"><i class="icon-angle-left icon-2x"></i></div></a>{{?}}
<p> {{=it.currentPage}} / {{=it.maxPage}} </p> <p> {{=it.currentPage}} / {{=it.maxPage}} </p>
{{? it.nextLink != ""}}<a id="nextLink" href="{{=it.nextLink}}" ><div title="{{=it.c.i18n.nextAlt}}" class="hicon hicon32"><i class="icon-angle-right"></i></div></a>{{?}} {{? it.nextLink != ""}}<a id="nextLink" href="{{=it.nextLink}}" ><div title="{{=it.c.i18n.nextAlt}}" class="hicon hicon32"><i class="icon-angle-right icon-2x"></i></div></a>{{?}}
</div> </div>
{{?}} {{?}}
</footer> </footer>

12
templates/default/header.html
View file

@ -11,24 +11,22 @@
<div id="tool" {{? it.c.config.server_side_rendering == 0}}style="display: none"{{?}}> <div id="tool" {{? it.c.config.server_side_rendering == 0}}style="display: none"{{?}}>
<div style="float: left; width: 50%"> <div style="float: left; width: 50%">
<form id="searchForm" action="index.php" method="get"> <form id="searchForm" action="index.php" method="get">
<div style="float: right">
<button title="{{=it.c.i18n.searchAlt}}" type="submit" class="hicon hicon32 submit">
<i class="icon-search"></i>
</button>
</div>
<div class="stop"> <div class="stop">
<input type="hidden" name="page" value="9" /> <input type="hidden" name="page" value="9" />
{{? it.databaseId != ""}} {{? it.databaseId != ""}}
<input type="hidden" name="db" value="{{=it.databaseId}}" /> <input type="hidden" name="db" value="{{=it.databaseId}}" />
{{?}} {{?}}
<input type="search" required="required" name="query" /> <input type="text" data-type="search" required="required" name="query" />
</div> </div>
<button title="{{=it.c.i18n.searchAlt}}" type="submit" class="hicon hicon32 submit">
<i class="icon-search icon-2x"></i>
</button>
</form> </form>
</div> </div>
{{? it.c.config.server_side_rendering == 0}} {{? it.c.config.server_side_rendering == 0}}
<div id="sortForm" style="float: right; width: 45%; display: none"> <div id="sortForm" style="float: right; width: 45%; display: none">
<div style="float: right"> <div style="float: right">
<div title="{{=it.c.i18n.sortAlt}}" id="sort" class="hicon hicon32"><i class="icon-sort"></i></div> <div title="{{=it.c.i18n.sortAlt}}" id="sort" class="hicon hicon32"><i class="icon-sort icon-2x"></i></div>
</div> </div>
<div class="stop"> <div class="stop">
<select id="sortchoice"> <select id="sortchoice">