From eb0094618e4d2f5f5226f1e787d5988cfc257d3c Mon Sep 17 00:00:00 2001 From: Richard Lewis Date: Tue, 26 Nov 2019 22:27:11 +0000 Subject: [PATCH] Show pen icon if channel has a pending message, unless it's the active channel --- client/components/ChannelWrapper.vue | 1 + client/css/style.css | 2 ++ 2 files changed, 3 insertions(+) diff --git a/client/components/ChannelWrapper.vue b/client/components/ChannelWrapper.vue index 7cbee728..d72fa910 100644 --- a/client/components/ChannelWrapper.vue +++ b/client/components/ChannelWrapper.vue @@ -8,6 +8,7 @@ channel.type, {active: activeChannel && channel === activeChannel.channel}, {'parted-channel': channel.type === 'channel' && channel.state === 0}, + {'has-draft': channel.pendingMessage}, ]" :aria-label="getAriaLabel()" :title="getAriaLabel()" diff --git a/client/css/style.css b/client/css/style.css index 2f2419db..17d09b14 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -324,6 +324,8 @@ kbd { #sidebar .chan.special::before { content: "\f03a"; /* http://fontawesome.io/icon/list/ */ } +#sidebar .chan.has-draft:not(.active):not(.lobby)::before { content: "\f304"; /* https://fontawesome.com/icons/pen?style=solid */ } + #footer .connect::before { content: "\f067"; /* http://fontawesome.io/icon/plus/ */ } #footer .settings::before { content: "\f013"; /* http://fontawesome.io/icon/cog/ */ } #footer .help::before { content: "\f059"; /* http://fontawesome.io/icon/question/ */ }