deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-21 15:46:36 +02:00
Code Issues Projects Releases Wiki Activity

Use Vue to show/hide insecure/disconnected icons instead of CSS

Browse source
This commit is contained in:
Jérémie Astori 2019-02-27 02:25:44 -05:00
parent 848186d14b
commit f8b5983f2c
No known key found for this signature in database
GPG key ID: B9A4F245CD67BDE8
2 changed files with 2 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/components/NetworkLobby.vue
View file

@ -22,12 +22,14 @@
class="name"
>{{ channel.name }}</span>
<span
v-if="network.status.connected && !network.status.secure"
class="not-secure-tooltip tooltipped tooltipped-w"
aria-label="Insecure connection"
>
<span class="not-secure-icon" />
</span>
<span
v-if="!network.status.connected"
class="not-connected-tooltip tooltipped tooltipped-w"
aria-label="Disconnected"
>

15
client/css/style.css
View file

@ -661,21 +661,6 @@ background on hover (unless active) */
color: #c0f8c3;
}
#sidebar .not-connected-tooltip,
#sidebar .not-secure-tooltip {
display: none;
}
#sidebar .not-connected .not-connected-tooltip,
#sidebar .not-secure .not-secure-tooltip {
display: inline-block;
}
#sidebar .not-connected .not-secure-tooltip {
/* Do not display insecure icon if disconnected */
display: none;
}
#sidebar .not-connected-tooltip,
#sidebar .not-secure-tooltip,
#sidebar .parted-channel-tooltip {