Rooba
/
glowing-bear
mirror of https://github.com/glowing-bear/glowing-bear.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

improve chatpanes with scrolling and fix nav

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;
} }

58
index.html
View File

@ -58,35 +58,37 @@
</div> </div>
<div ng-show="connected"> <div ng-show="connected">
<ul class="nav nav-pills"> <div class="navbar navbar-inverse navbar-fixed-top">
<li class="label" ng-class="{'active': content.notification }" ng-repeat="(key, content) in buffers | toArray | orderBy:'content.number':true"> <ul class="nav nav-pills">
<a ng-click="setActiveBuffer(content.id)" title="{{ content.full_name }}">{{ content.short_name }}</a> <li class="label" ng-class="{'active': content.notification }" ng-repeat="(key, content) in buffers | toArray | orderBy:'content.number':true">
</li> <a ng-click="setActiveBuffer(content.id)" title="{{ content.full_name }}">{{ content.short_name }}</a>
</ul> </li>
<div class="bufferlines" ng-repeat="bufferline in activeBuffer.lines"> </ul>
<span class="date text-muted">
{{ bufferline.date | date:'HH:mm' }}
</span>
<span ng-repeat="part in bufferline.message" class="text" style="{{ part.fg }}">
{{ part.text }}
</span>
<div ng-repeat="metadata in bufferline.metadata">
<div ng-show="metadata.visible">
<a ng-click="metadata.visible = false">Hide additional content</a>
<div ng-bind-html-unsafe="metadata.content"></div>
</div>
<div ng-hide="metadata.visible">
<a ng-click="metadata.visible = true">Show additional content</a>
</div>
</div>
</div> </div>
<div class="bufferlines">
<div class="bufferline" ng-repeat="bufferline in activeBuffer.lines">
<span class="date text-muted">
{{ bufferline.date | date:'HH:mm' }}
</span>
<span ng-repeat="part in bufferline.message" class="text" style="{{ part.fg }}">
{{ part.text }}
</span>
<div ng-repeat="metadata in bufferline.metadata">
<div ng-show="metadata.visible">
<a ng-click="metadata.visible = false">Hide additional content</a>
<div ng-bind-html-unsafe="metadata.content"></div>
</div>
<div ng-hide="metadata.visible">
<a ng-click="metadata.visible = true">Show additional content</a>
</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">