deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-06-18 13:35:10 +02:00
Code Issues Projects Releases 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},
{'parted-channel': channel.type === 'channel' && channel.state === 0},
{'has-draft': channel.pendingMessage},
{'not-secure': network.status.connected && !network.status.secure},
{'not-connected': !network.status.connected},
]"
:aria-label="getAriaLabel()"
:title="getAriaLabel()"

2
client/components/NetworkList.vue
View file

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

12
client/css/style.css
View file

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