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; float: left;
display: block; display: block;
width: auto; width: auto;
height: 18px; height: 26px;
background-color: #cccccc; background-color: #cccccc;
background-image: url("../../../../images/show_all_off.png"); background-image: url("../../../../images/show_all_off.png");
background-position: 7px 7px; background-position: 7px 7px;
@ -1611,7 +1611,7 @@ header {
background-color: #ddddff; 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 { .acl-list-item a {
font-size: 8px; font-size: 8px;
display: block; display: block;

View File

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