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

Merge pull request #3088 from thelounge/astorije/vue-network-status

Browse source 
Use Vue to show/hide insecure/disconnected icons instead of CSS
This commit is contained in:
Jérémie Astori 2019-02-27 03:15:37 -05:00 committed by GitHub
parent 848186d14b f84d764822
commit 67effc59dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/components/Channel.vue
View file

@ -14,7 +14,8 @@
<span
v-if="channel.state === 0"
class="parted-channel-tooltip tooltipped tooltipped-w"
aria-label="Not currently joined">
aria-label="Not currently joined"
>
<span class="parted-channel-icon" />
</span>
<span

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 {