Show/Hide parted channel icon/styling using v-if instead of CSS display property
This commit is contained in:
parent
f8a39a0ea8
commit
e173b84fdb
@ -10,6 +10,7 @@
|
||||
class="badge">{{ channel.unread | roundBadgeNumber }}</span>
|
||||
<template v-if="channel.type === 'channel'">
|
||||
<span
|
||||
v-if="channel.state === 0"
|
||||
class="parted-channel-tooltip tooltipped tooltipped-w"
|
||||
aria-label="Not currently joined">
|
||||
<span class="parted-channel-icon" />
|
||||
|
@ -661,15 +661,12 @@ background on hover (unless active) */
|
||||
}
|
||||
|
||||
#sidebar .not-connected-tooltip,
|
||||
#sidebar .not-secure-tooltip,
|
||||
#sidebar .parted-channel-tooltip {
|
||||
#sidebar .not-secure-tooltip {
|
||||
display: none;
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
#sidebar .not-connected .not-connected-tooltip,
|
||||
#sidebar .not-secure .not-secure-tooltip,
|
||||
#sidebar .parted-channel .parted-channel-tooltip {
|
||||
#sidebar .not-secure .not-secure-tooltip {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@ -678,6 +675,12 @@ background on hover (unless active) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sidebar .not-connected-tooltip,
|
||||
#sidebar .not-secure-tooltip,
|
||||
#sidebar .parted-channel-tooltip {
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
#sidebar .not-secure .chan.lobby {
|
||||
color: #f39c12;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user