diff options
| author | Mario Vavti <mario@mariovavti.com> | 2016-05-06 10:42:38 +0200 |
|---|---|---|
| committer | Mario Vavti <mario@mariovavti.com> | 2016-05-06 10:42:38 +0200 |
| commit | 4a36834d3f10fee5e912b6205d75c820f70d5250 (patch) | |
| tree | 04afab411f0889890ddc87779f198e58ddbc963c | |
| parent | 5882714e232c087e76a32647809f7129ecb1a35b (diff) | |
| download | volse-hubzilla-4a36834d3f10fee5e912b6205d75c820f70d5250.tar.gz volse-hubzilla-4a36834d3f10fee5e912b6205d75c820f70d5250.tar.bz2 volse-hubzilla-4a36834d3f10fee5e912b6205d75c820f70d5250.zip | |
use darker background colour only for searchbar
| -rw-r--r-- | view/theme/redbasic/css/style.css | 25 | ||||
| -rwxr-xr-x | view/tpl/acl_selector.tpl | 10 |
2 files changed, 24 insertions, 11 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 48d93025b..ce55d60ee 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -925,9 +925,7 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover { #acl-search { padding: 4px; border: 1px solid #ccc; - width: 90%; /* fallback if browser does not support calc() */ - width: calc(100% - 10px); - margin: 0px 0px 10px 10px; + width: 100%; } #acl-search::-webkit-input-placeholder { @@ -961,16 +959,27 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover { } #acl-list { - display: block; border: 1px solid #ccc; + -webkit-border-radius: $radiuspx ; + -moz-border-radius: $radiuspx; + border-radius: $radiuspx; +} + +#acl-search-wrapper { + padding: 7px 10px; + background-color: $item_colour; + border-top-left-radius: $radiuspx; + border-top-right-radius: $radiuspx; + border-bottom: 1px solid #ccc; +} + +#acl-list-content-wrapper { + display: block; overflow: auto; clear: both; min-height: 62px; padding: 10px 10px 0px 0px; - -webkit-border-radius: $radiuspx ; - -moz-border-radius: $radiuspx; - border-radius: $radiuspx; - background-color: rgb(238,238,238); + } #jotnets-wrapper, #jotnets-collapse { diff --git a/view/tpl/acl_selector.tpl b/view/tpl/acl_selector.tpl index a3fe73d0c..75e89a0c6 100755 --- a/view/tpl/acl_selector.tpl +++ b/view/tpl/acl_selector.tpl @@ -34,9 +34,13 @@ <span id=acl-showlimited-caption>{{$showlimited}}</span> </label> <div id="acl-list"> - <input type="text" id="acl-search" placeholder=" {{$search}}"> - <div id=acl-showlimited-description>{{$showlimitedDesc}}</div> - <div id="acl-list-content"></div> + <div id="acl-search-wrapper"> + <input type="text" id="acl-search" placeholder=" {{$search}}"> + </div> + <div id="acl-list-content-wrapper"> + <div id=acl-showlimited-description>{{$showlimitedDesc}}</div> + <div id="acl-list-content"></div> + </div> </div> </div> |