mirror of
https://github.com/thelounge/thelounge
synced 2024-11-10 14:44:13 +00:00
Merge pull request #3082 from thelounge/astorije/parted-channel
Display a broken link icon and red text color when not joined on a channel
This commit is contained in:
commit
6f70ce9e15
3 changed files with 21 additions and 5 deletions
|
@ -9,6 +9,12 @@
|
|||
:class="{ highlight: channel.highlight }"
|
||||
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" />
|
||||
</span>
|
||||
<span
|
||||
class="close-tooltip tooltipped tooltipped-w"
|
||||
aria-label="Leave">
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
:class="[
|
||||
channel.type,
|
||||
{ active: activeChannel && channel === activeChannel.channel },
|
||||
{ 'channel-is-parted': channel.type === 'channel' && channel.state === 0 }
|
||||
{ 'parted-channel': channel.type === 'channel' && channel.state === 0 }
|
||||
]"
|
||||
:aria-label="getAriaLabel()"
|
||||
:title="getAriaLabel()"
|
||||
|
|
|
@ -279,6 +279,7 @@ kbd {
|
|||
#image-viewer .next-image-btn::before,
|
||||
#sidebar .not-secure-icon::before,
|
||||
#sidebar .not-connected-icon::before,
|
||||
#sidebar .parted-channel-icon::before,
|
||||
#sidebar .collapse-network-icon::before {
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
font-size: inherit; /* Can't have font-size inherit on line above, so need to override */
|
||||
|
@ -307,7 +308,8 @@ kbd {
|
|||
content: "\f071"; /* https://fontawesome.com/icons/exclamation-triangle?style=solid */
|
||||
}
|
||||
|
||||
#sidebar .not-connected-icon::before {
|
||||
#sidebar .not-connected-icon::before,
|
||||
#sidebar .parted-channel-icon::before {
|
||||
content: "\f127"; /* https://fontawesome.com/icons/unlink?style=solid */
|
||||
}
|
||||
|
||||
|
@ -662,7 +664,6 @@ background on hover (unless active) */
|
|||
#sidebar .not-connected-tooltip,
|
||||
#sidebar .not-secure-tooltip {
|
||||
display: none;
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
#sidebar .not-connected .not-connected-tooltip,
|
||||
|
@ -675,6 +676,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;
|
||||
}
|
||||
|
@ -684,12 +691,15 @@ background on hover (unless active) */
|
|||
color: #f8c572;
|
||||
}
|
||||
|
||||
#sidebar .not-connected .chan.lobby {
|
||||
#sidebar .not-connected .chan.lobby,
|
||||
#sidebar .parted-channel {
|
||||
color: #e74c3c;
|
||||
}
|
||||
|
||||
#sidebar .not-connected .chan.lobby .lobby-wrap:hover,
|
||||
#sidebar .not-connected .chan.lobby.active {
|
||||
#sidebar .not-connected .chan.lobby.active,
|
||||
#sidebar .parted-channel:hover,
|
||||
#sidebar .parted-channel.active {
|
||||
color: #f1978e;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue