supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages 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" class="name"
>{{ channel.name }}</span> >{{ channel.name }}</span>
<span <span
v-if="network.status.connected && !network.status.secure"
class="not-secure-tooltip tooltipped tooltipped-w" class="not-secure-tooltip tooltipped tooltipped-w"
aria-label="Insecure connection" aria-label="Insecure connection"
> >
<span class="not-secure-icon" /> <span class="not-secure-icon" />
</span> </span>
<span <span
v-if="!network.status.connected"
class="not-connected-tooltip tooltipped tooltipped-w" class="not-connected-tooltip tooltipped tooltipped-w"
aria-label="Disconnected" aria-label="Disconnected"
> >

15
client/css/style.css
View File

@ -661,21 +661,6 @@ background on hover (unless active) */
color: #c0f8c3; 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-connected-tooltip,
#sidebar .not-secure-tooltip, #sidebar .not-secure-tooltip,
#sidebar .parted-channel-tooltip { #sidebar .parted-channel-tooltip {