From c49293b7f3eff7a478fc388768366e7b025f7da0 Mon Sep 17 00:00:00 2001 From: Ruben Pollan Date: Wed, 2 Aug 2017 00:05:25 +0200 Subject: [feat] Display mixnet status on outgoing emails --- web-ui/app/scss/base/_colors.scss | 3 +++ web-ui/app/scss/views/_compose-view.scss | 29 +++++++++++++++++++++++++++++ 2 files changed, 32 insertions(+) (limited to 'web-ui/app/scss') diff --git a/web-ui/app/scss/base/_colors.scss b/web-ui/app/scss/base/_colors.scss index c7807e8f..c23714f1 100644 --- a/web-ui/app/scss/base/_colors.scss +++ b/web-ui/app/scss/base/_colors.scss @@ -59,6 +59,9 @@ $will_be_encrypted: $success; $wont_be_encrypted: $attention; $recipients_font_color: #828282; +$will_be_mixed: $success; +$unsuported_mixed: $light_gray; + /* Attachments */ $attachment_text: #555; $attachment_icon: lighten($attachment_text, 30); diff --git a/web-ui/app/scss/views/_compose-view.scss b/web-ui/app/scss/views/_compose-view.scss index 61e785a0..be193186 100644 --- a/web-ui/app/scss/views/_compose-view.scss +++ b/web-ui/app/scss/views/_compose-view.scss @@ -344,6 +344,35 @@ background-color: $background_light_grey; border: 1px solid $border_light_grey; border-radius: 2px; + + .recipient-mixnet { + &:before { + font-family: FontAwesome; + padding-right: 6px; + font-size: 1.4em; + } + + &.mixnet { + &:before { + color: $will_be_mixed; + content: "\f135"; + } + } + + &.unsuported-mixnet { + &:before { + color: $unsuported_mixed; + content: "\f135"; + } + } + + &.not-mixnet { + &:before { + color: $unsuported_mixed; + content: ""; + } + } + } } .recipient-del { -- cgit v1.2.3