Add tooltip to close channel/leave query button on sidebar

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

View File

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

View File

@ -6,7 +6,11 @@
</span> </span>
{{/equal}} {{/equal}}
<span class="badge{{#if highlight}} highlight{{/if}}">{{#if unread}}{{roundBadgeNumber unread}}{{/if}}</span> <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> <span class="name" title="{{name}}">{{name}}</span>
</div> </div>
{{#equal type "lobby"}} {{#equal type "lobby"}}