Show/Hide parted channel icon/styling using v-if instead of CSS display property

This commit is contained in:
Jérémie Astori 2019-02-26 01:26:45 -05:00
parent f8a39a0ea8
commit e173b84fdb
No known key found for this signature in database
GPG Key ID: B9A4F245CD67BDE8
2 changed files with 9 additions and 5 deletions

View File

@ -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" />

View File

@ -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;
}