From 9e89c876013558ba5f22657e37ed1230c4b65cdf Mon Sep 17 00:00:00 2001 From: Thomas Bruederli <thomas@roundcube.net> Date: Mon, 12 May 2014 12:12:40 -0400 Subject: [PATCH] Define generic styles for a search boxe inside list widgets --- skins/larry/styles.css | 20 ++++++++++++++++++++ skins/larry/mail.css | 17 ----------------- skins/larry/templates/compose.html | 6 +++--- 3 files changed, 23 insertions(+), 20 deletions(-) diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 3ec1456..5bcada4 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -1274,23 +1274,6 @@ 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; } diff --git a/skins/larry/styles.css b/skins/larry/styles.css index 580b20f..1062798 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -433,9 +433,15 @@ 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 { @@ -1857,6 +1863,7 @@ font-size: 11px; } +.searchbox .searchicon, .searchbox #searchmenulink, #quicksearchbar #searchmenulink { position: absolute; @@ -1865,12 +1872,25 @@ } .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 ***/ diff --git a/skins/larry/templates/compose.html b/skins/larry/templates/compose.html index d033829..90df4f3 100644 --- a/skins/larry/templates/compose.html +++ b/skins/larry/templates/compose.html @@ -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" /> -- Gitblit v1.9.1