topbar and css fixes

This commit is contained in:
Tor Hveem 2013-12-19 11:34:50 +01:00
parent f9ba30f102
commit 37dbd0bbe7
2 changed files with 15 additions and 8 deletions

View file

@ -121,6 +121,9 @@ input[type=text], input[type=password], .badge {
z-index: 2;
line-height: 35px;
white-space: nowrap;
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
-moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
}
#topbar .brand {
float: left;
@ -138,9 +141,14 @@ input[type=text], input[type=password], .badge {
#topbar .actions {
margin-left: 5px;
padding-left: 5px;
margin-right: 5px;
padding-right: 5px;
font-size: larger;
position: fixed;
right: 0;
background: #282828;
}
#topbar .actions > * {
padding-left: 5px;
}
#topbar .dropdown-menu form {
padding-left: 6px;
@ -222,7 +230,7 @@ input[type=text], input[type=password], .badge {
#bufferlines {
position: relative;
height: 99%;
height: 98%;
overflow-y: auto;
margin-left: 145px; /* sidebar */
width: auto;

View file

@ -161,7 +161,7 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
</div>
</div>
<div class="content" ng-show="connected">
<div id="topbar" class="horizontal-line">
<div id="topbar" class="">
<div class="brand">
<a href="#" data-target="#sidebar" data-toggle="collapse">
<img alt="brand" src="img/favicon.png" title="Connected to {{ host }}:{{ port}}">
@ -171,9 +171,8 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
<div class="title" ng-bind-html="activeBuffer().title | linky:'_blank'"></div>
<div class="actions pull-right vertical-line-left">
<div class="dropdown pull-left">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="glyphicon glyphicon-cog"></i>
<span class="caret"></span>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" title="Options menu">
<i class="glyphicon glyphicon-cog"></i>
</a>
<ul class="dropdown-menu pull-right">
<li class="">
@ -248,8 +247,8 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
</li>
</ul>
</div>
<a ng-click="disconnect()">
<i class="glyphicon glyphicon-remove"></i>
<a ng-click="disconnect()" title="Disconnect from WeeChat">
<i class="glyphicon glyphicon-remove"></i>
</a>
</div>
</div>