Remove topic and add channel name for mobile

* Removing topic from topbar.
* Adding channel name to the topbar.

This is done using visible-lg from bootstrap. As of v3.2.0 it's replaced by visible-lg-block. But that doesn't exist in v3.1.1 that's currently being used by glowing-bear.
This commit is contained in:
Johan Stenehall 2015-03-24 22:57:36 +01:00
parent 8049ed382d
commit 2372acf209
2 changed files with 7 additions and 1 deletions

View file

@ -620,6 +620,8 @@ img.emojione {
#topbar .title { #topbar .title {
left: 40px; left: 40px;
right: 60px;
text-align: center;
} }
#topbar .actions { #topbar .actions {

View file

@ -222,9 +222,13 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
</a> </a>
<button ng-if="debugMode" ng-click="countWatchers()">Count<br />Watchers</button> <button ng-if="debugMode" ng-click="countWatchers()">Count<br />Watchers</button>
</div> </div>
<div class="title" title="{{activeBuffer().rtitle}}"> <div class="title" title="{{activeBuffer().rtitle}}">
<span ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span> <span class="visible-lg" ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span>
<span class="hidden-lg">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
</div> </div>
<div class="actions pull-right vertical-line-left"> <div class="actions pull-right vertical-line-left">
<div class="pull-left"> <div class="pull-left">
<a class="settings-toggle" ng-click="showModal('settingsModal')" title="Options menu"> <a class="settings-toggle" ng-click="showModal('settingsModal')" title="Options menu">