harukin/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use darker background colour only for searchbar

Browse Source
This commit is contained in:
Mario Vavti 2016-05-06 10:42:38 +02:00
parent 5882714e23
commit 4a36834d3f
2 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
view/theme/redbasic/css/style.css
View File

@ -925,9 +925,7 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover {
#acl-search { #acl-search {
padding: 4px; padding: 4px;
border: 1px solid #ccc; border: 1px solid #ccc;
width: 90%; /* fallback if browser does not support calc() */ width: 100%;
width: calc(100% - 10px);
margin: 0px 0px 10px 10px;
} }
#acl-search::-webkit-input-placeholder { #acl-search::-webkit-input-placeholder {
@ -961,16 +959,27 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover {
} }
#acl-list { #acl-list {
display: block;
border: 1px solid #ccc; 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; overflow: auto;
clear: both; clear: both;
min-height: 62px; min-height: 62px;
padding: 10px 10px 0px 0px; 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 { #jotnets-wrapper, #jotnets-collapse {

4
view/tpl/acl_selector.tpl
View File

@ -34,11 +34,15 @@
<span id=acl-showlimited-caption>{{$showlimited}}</span> <span id=acl-showlimited-caption>{{$showlimited}}</span>
</label> </label>
<div id="acl-list"> <div id="acl-list">
<div id="acl-search-wrapper">
<input type="text" id="acl-search" placeholder="&#xf002; {{$search}}"> <input type="text" id="acl-search" placeholder="&#xf002; {{$search}}">
</div>
<div id="acl-list-content-wrapper">
<div id=acl-showlimited-description>{{$showlimitedDesc}}</div> <div id=acl-showlimited-description>{{$showlimitedDesc}}</div>
<div id="acl-list-content"></div> <div id="acl-list-content"></div>
</div> </div>
</div> </div>
</div>
<span id="acl-fields"></span> <span id="acl-fields"></span>
</div> </div>