improve the appearance of the ACL selector in a hackish way on the short term -

it really needs to be re-worked for bootstrap but in any event the words "show" and "don't show" make a mess of it. We should probably just use icons (with a bit of padding) that people can select with a touchscreen and reformat the box accordingly.
This commit is contained in:
friendica 2014-04-09 21:49:38 -07:00
parent 8d8d739242
commit c97222c2fc
2 changed files with 4 additions and 4 deletions

View File

@ -1566,7 +1566,7 @@ header {
float: left;
display: block;
width: auto;
height: 18px;
height: 26px;
background-color: #cccccc;
background-image: url("../../../../images/show_all_off.png");
background-position: 7px 7px;
@ -1611,7 +1611,7 @@ header {
background-color: #ddddff;
}
.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; overflow: hidden;}
.acl-list-item a {
font-size: 8px;
display: block;

View File

@ -10,8 +10,8 @@
<div class="acl-list-item" rel="acl-template" style="display:none">
<img src="{0}"><p>{1}</p>
<a href="#" class='acl-button-show'>{{$show}}</a>
<a href="#" class='acl-button-hide'>{{$hide}}</a>
<a href="#" class='acl-button-show'></a>
<a href="#" class='acl-button-hide'></a>
</div>
<script>