attempt to improve the look of the badges and the bufferlist

This commit is contained in:
Tor Hveem 2013-10-16 15:20:23 +02:00
parent cf8325b21b
commit a1124ee9df
2 changed files with 11 additions and 1 deletions

View file

@ -124,13 +124,23 @@ input[type=text], input[type=password] {
min-width: 130px; min-width: 130px;
overflow: auto; overflow: auto;
padding-top: 35px; /* topbar */ padding-top: 35px; /* topbar */
font-size: smaller;
} }
#sidebar form { #sidebar form {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
} }
#sidebar .badge {
border-radius: 0;
margin-right: -15px;
}
.nav-pills > li > a { .nav-pills > li > a {
border-radius: 0; border-radius: 0;
color: #ddd;
}
.nav-pills > li > a:hover {
color: #222;
} }
.content { .content {
height: 100%; height: 100%;

View file

@ -163,7 +163,7 @@
<input class="form-control" type="text" id="bufferFilter" ng-model="search.$" placeholder="Search"> <input class="form-control" type="text" id="bufferFilter" ng-model="search.$" placeholder="Search">
</form> </form>
</li> </li>
<li class="label" ng-class="{'active': content.active }" ng-repeat="(key, content) in buffers | toArray | filter:search | filter:hasUnread | orderBy:'content.number':true"> <li class="" ng-class="{'active': content.active }" ng-repeat="(key, content) in buffers | toArray | filter:search | filter:hasUnread | orderBy:'content.number':true">
<a href="#" ng-click="setActiveBuffer(content.id)" title="{{ content.fullName }}"> <a href="#" ng-click="setActiveBuffer(content.id)" title="{{ content.fullName }}">
<span class="badge pull-right" ng-hide="content.notification" ng-if="content.unread" ng-bind="content.unread"></span> <span class="badge pull-right" ng-hide="content.notification" ng-if="content.unread" ng-bind="content.unread"></span>
<span class="badge pull-right danger" ng-show="content.notification" ng-bind="content.notification"></span> <span class="badge pull-right danger" ng-show="content.notification" ng-bind="content.notification"></span>