supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add tooltip to close channel/leave query button on sidebar

Browse Source
This commit is contained in:
Max Leiter 2017-12-18 18:05:22 -08:00
parent 15ea2db31b
commit 8057c416fb
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/css/style.css
View File

@ -628,6 +628,11 @@ kbd {
color: #49505a;
}
#sidebar .close-tooltip {
float: right;
}
#sidebar .leave,
#sidebar .close {
width: 18px;
height: 18px;
@ -635,6 +640,7 @@ kbd {
transition: opacity 0.2s, background-color 0.2s;
}
#sidebar .leave::before,
#sidebar .close::before {
font-size: 20px;
font-weight: normal;
@ -677,6 +683,7 @@ kbd {
display: unset;
}
#sidebar .chan.active .leave:hover,
#sidebar .chan.active .close:hover {
opacity: 1;
}

6
client/views/chan.tpl
View File

@ -6,7 +6,11 @@
</span>
{{/equal}}
<span class="badge{{#if highlight}} highlight{{/if}}">{{#if unread}}{{roundBadgeNumber unread}}{{/if}}</span>
{{#notEqual type "lobby"}}<button class="close" aria-label="Close"></button>{{/notEqual}}
{{#notEqual type "lobby"}}
<span class="close-tooltip tooltipped tooltipped-w" aria-label="Close">
<button class="close" aria-label="Close"></button>
</span>
{{/notEqual}}
<span class="name" title="{{name}}">{{name}}</span>
</div>
{{#equal type "lobby"}}