Add tooltip to close channel/leave query button on sidebar
This commit is contained in:
parent
15ea2db31b
commit
8057c416fb
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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"}}
|
||||||
|
Loading…
Reference in New Issue
Block a user