Define generic styles for a search boxe inside list widgets

pull/190/head
Thomas Bruederli 11 years ago
parent 7d3d62e5ed
commit 9e89c87601

@ -1274,23 +1274,6 @@ div.message-partheaders .headers-table td.header {
bottom: 0;
}
#composequicksearch {
position: relative;
padding: 4px;
background: #c7e3ef;
}
#composequicksearch .searchbox input {
width: 100%;
height: 26px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#composequicksearch #searchmenulink {
width: 15px;
}
#compose-contacts #directorylist {
border-bottom: 4px solid #c7e3ef;
}

@ -433,11 +433,17 @@ a.iconbutton.disabled {
cursor: default;
}
a.iconbutton.searchicon,
a.iconbutton.searchoptions {
width: 24px;
background-position: -2px -317px;
}
a.iconbutton.searchicon,
a.iconbutton.searchoptions {
width: 15px;
}
a.iconbutton.reset {
width: 24px;
background-position: -25px -317px;
@ -1857,6 +1863,7 @@ ul.proplist li {
font-size: 11px;
}
.searchbox .searchicon,
.searchbox #searchmenulink,
#quicksearchbar #searchmenulink {
position: absolute;
@ -1865,12 +1872,25 @@ ul.proplist li {
}
.searchbox #searchreset,
.searchbox .iconbutton.reset,
#quicksearchbar #searchreset {
position: absolute;
top: 4px;
right: 1px;
}
.listsearchbox {
position: relative;
padding: 4px;
background: #c7e3ef;
}
.listsearchbox input {
width: 100%;
height: 26px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*** toolbar ***/

@ -42,11 +42,11 @@
<!-- inline address book -->
<div id="compose-contacts" class="uibox listbox">
<h2 class="boxtitle"><roundcube:label name="contacts" /></h2>
<div id="composequicksearch">
<div class="listsearchbox">
<div class="searchbox">
<roundcube:object name="searchform" id="contactsearchbox" />
<a id="searchmenulink" class="iconbutton searchoptions"> </a>
<roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
<a id="searchmenulink" class="iconbutton searchicon"> </a>
<roundcube:button command="reset-search" class="iconbutton reset" title="resetsearch" content=" " />
</div>
</div>
<roundcube:object name="addressbooks" id="directorylist" class="listing" />

Loading…
Cancel
Save