Enable title modal on desktop, too, and improve it a bit

- make it full-width for clickability of the entire top region
- show the buffer's name in the modal dialog

Fixes #943
This commit is contained in:
Lorenz Hübschle-Schneider 2017-06-02 11:37:41 +02:00
parent d45763d736
commit 5d090dd0ed
2 changed files with 4 additions and 3 deletions

View file

@ -180,6 +180,7 @@ input[type=text], input[type=password], #sendMessage {
position: fixed;
left: 145px; /* sidebar */
overflow: hidden;
width: 100%; /* for title modal click area */
}
#topbar .actions {

View file

@ -266,9 +266,9 @@ npm run build-electron-{windows, darwin, linux}</pre>
<button ng-if="debugMode" ng-click="countWatchers()">Count<br />Watchers</button>
</div>
<div class="title" title="{{activeBuffer().rtitle}}">
<div class="title" ng-click="showModal('topicModal')">
<span class="desktop" ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank':{rel:'noopener noreferrer'} | DOMfilter:'irclinky')"></span>
<span class="mobile" ng-click="showModal('topicModal')" ng-class="{'active': activeBuffer().active, 'channel': activeBuffer().type === 'channel', 'channel_hash': activeBuffer().prefix === '#', 'channel_plus': activeBuffer().prefix === '+', 'channel_ampersand': activeBuffer().prefix === '&'}">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
<span class="mobile" ng-class="{'active': activeBuffer().active, 'channel': activeBuffer().type === 'channel', 'channel_hash': activeBuffer().prefix === '#', 'channel_plus': activeBuffer().prefix === '+', 'channel_ampersand': activeBuffer().prefix === '&'}">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
</div>
<div class="actions pull-right vertical-line-left">
@ -531,7 +531,7 @@ npm run build-electron-{windows, darwin, linux}</pre>
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" ng-click="closeModal($event)" aria-hidden="true">&times;</button>
<h4 class="modal-title">Channel topic</h4>
<h4 class="modal-title">Channel topic {{ activeBuffer().shortName || activeBuffer().fullName }}</h4>
<p ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank':{rel:'noopener noreferrer'} | DOMfilter:'irclinky')"></p>
</div>
<div class="modal-footer">