supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Fix class targeting

Browse Source
This commit is contained in:
Richard Lewis 2019-12-19 13:22:04 +00:00
parent d9f8f45169
commit d2f0590c73
2 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/components/ChannelWrapper.vue
View File

@ -8,8 +8,11 @@
{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}, 'not-secure':
channel.type === 'lobby' && network.status.connected && !network.status.secure,
},
{'not-connected': channel.type === 'lobby' && !network.status.connected},
]" ]"
:aria-label="getAriaLabel()" :aria-label="getAriaLabel()"
:title="getAriaLabel()" :title="getAriaLabel()"

12
client/css/style.css
View File

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