deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-06-07 08:12:19 +02:00
Code Issues Projects Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/components/Channel.vue
View file

@ -10,6 +10,7 @@
class="badge">{{ channel.unread | roundBadgeNumber }}</span> class="badge">{{ channel.unread | roundBadgeNumber }}</span>
<template v-if="channel.type === 'channel'"> <template v-if="channel.type === 'channel'">
<span <span
v-if="channel.state === 0"
class="parted-channel-tooltip tooltipped tooltipped-w" class="parted-channel-tooltip tooltipped tooltipped-w"
aria-label="Not currently joined"> aria-label="Not currently joined">
<span class="parted-channel-icon" /> <span class="parted-channel-icon" />

13
client/css/style.css
View file

@ -661,15 +661,12 @@ background on hover (unless active) */
} }
#sidebar .not-connected-tooltip, #sidebar .not-connected-tooltip,
#sidebar .not-secure-tooltip, #sidebar .not-secure-tooltip {
#sidebar .parted-channel-tooltip {
display: none; display: none;
margin: 0 8px;
} }
#sidebar .not-connected .not-connected-tooltip, #sidebar .not-connected .not-connected-tooltip,
#sidebar .not-secure .not-secure-tooltip, #sidebar .not-secure .not-secure-tooltip {
#sidebar .parted-channel .parted-channel-tooltip {
display: inline-block; display: inline-block;
} }
@ -678,6 +675,12 @@ background on hover (unless active) */
display: none; display: none;
} }
#sidebar .not-connected-tooltip,
#sidebar .not-secure-tooltip,
#sidebar .parted-channel-tooltip {
margin: 0 8px;
}
#sidebar .not-secure .chan.lobby { #sidebar .not-secure .chan.lobby {
color: #f39c12; color: #f39c12;
} }