tobast/glowingbear-mainbox
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improve chatpanes with scrolling and fix nav

Browse source
This commit is contained in:
Tor Hveem 2013-10-07 00:49:20 +02:00
parent 8c69511b5f
commit e7adbffa47
2 changed files with 36 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
css/glowingbear.css
View file

@ -4,9 +4,14 @@ body {
padding: 5px; padding: 5px;
} }
.bufferlines { .bufferlines {
font-family: sans-serif; font-family: monospace;
overflow: scroll-y;
height: 100%;
} }
.navbar-fixed-bottom {
margin: 5px;
}
.color-light-green { .color-light-green {
color: chartreuse; color: chartreuse;
} }

10
index.html
View file

@ -58,12 +58,15 @@
</div> </div>
<div ng-show="connected"> <div ng-show="connected">
<div class="navbar navbar-inverse navbar-fixed-top">
<ul class="nav nav-pills"> <ul class="nav nav-pills">
<li class="label" ng-class="{'active': content.notification }" ng-repeat="(key, content) in buffers | toArray | orderBy:'content.number':true"> <li class="label" ng-class="{'active': content.notification }" ng-repeat="(key, content) in buffers | toArray | orderBy:'content.number':true">
<a ng-click="setActiveBuffer(content.id)" title="{{ content.full_name }}">{{ content.short_name }}</a> <a ng-click="setActiveBuffer(content.id)" title="{{ content.full_name }}">{{ content.short_name }}</a>
</li> </li>
</ul> </ul>
<div class="bufferlines" ng-repeat="bufferline in activeBuffer.lines"> </div>
<div class="bufferlines">
<div class="bufferline" ng-repeat="bufferline in activeBuffer.lines">
<span class="date text-muted"> <span class="date text-muted">
{{ bufferline.date | date:'HH:mm' }} {{ bufferline.date | date:'HH:mm' }}
</span> </span>
@ -83,10 +86,9 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="navbar navbar-inverse navbar-fixed-bottom"> <div class="navbar navbar-inverse navbar-fixed-bottom">
<form class="form form-horizontal" ng-submit="sendMessage()"> <form class="form form-horizontal" ng-submit="sendMessage()">
<div class="input-group"> <div class="input-group">