Mirrors/thelounge
2
0
Fork 0
mirror of https://github.com/thelounge/thelounge synced 2024-11-26 05:50:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Relocate not-secure and not-connected classes.

Browse source
This commit is contained in:
Richard Lewis 2019-12-19 12:55:36 +00:00
parent a414563eae
commit 8cb49ae56a
3 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/components/ChannelWrapper.vue
View file

@ -8,6 +8,8 @@
{active: activeChannel && channel === activeChannel.channel}, {active: activeChannel && channel === activeChannel.channel},
{'parted-channel': channel.type === 'channel' && channel.state === 0}, {'parted-channel': channel.type === 'channel' && channel.state === 0},
{'has-draft': channel.pendingMessage}, {'has-draft': channel.pendingMessage},
{'not-secure': network.status.connected && !network.status.secure},
{'not-connected': !network.status.connected},
]" ]"
:aria-label="getAriaLabel()" :aria-label="getAriaLabel()"
:title="getAriaLabel()" :title="getAriaLabel()"

2
client/components/NetworkList.vue
View file

@ -23,8 +23,6 @@
:key="network.uuid" :key="network.uuid"
:class="{ :class="{
collapsed: network.isCollapsed, collapsed: network.isCollapsed,
'not-connected': !network.status.connected,
'not-secure': !network.status.secure,
}" }"
class="network" class="network"
role="region" role="region"

12
client/css/style.css
View file

@ -729,22 +729,22 @@ background on hover (unless active) */
margin: 0 8px; margin: 0 8px;
} }
.network.not-secure .channel-list-item[data-type="lobby"] { .channel-list-item.not-secure[data-type="lobby"] {
color: #f39c12; color: #f39c12;
} }
.network.not-secure .channel-list-item[data-type="lobby"]:hover, .channel-list-item.not-secure[data-type="lobby"]:hover,
.network.not-secure .channel-list-item[data-type="lobby"].active { .channel-list-item.not-secure[data-type="lobby"].active {
color: #f8c572; color: #f8c572;
} }
.network.not-connected .channel-list-item[data-type="lobby"], .channel-list-item.not-connected[data-type="lobby"],
.channel-list-item.parted-channel { .channel-list-item.parted-channel {
color: #e74c3c; color: #e74c3c;
} }
.network.not-connected .channel-list-item[data-type="lobby"]:hover, .channel-list-item.not-connected[data-type="lobby"]:hover,
.network.not-connected .channel-list-item[data-type="lobby"].active, .channel-list-item.not-connected[data-type="lobby"].active,
.channel-list-item.parted-channel:hover, .channel-list-item.parted-channel:hover,
.channel-list-item.parted-channel.active { .channel-list-item.parted-channel.active {
color: #f1978e; color: #f1978e;