From 717acf0a818219218d0cb5cc56f57014af605a83 Mon Sep 17 00:00:00 2001 From: Jonas Sulzer Date: Tue, 23 Apr 2019 20:59:50 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=91=8C=20IMPROVE:=20use=20white=20icon=20?= =?UTF-8?q?on=20blue=20background=20to=20indicate=20a=20boosted=20post?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Jonas Sulzer --- css/style.scss | 7 +++++-- src/components/TimelineEntry.vue | 4 ++++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/css/style.scss b/css/style.scss index 1af3588d..caec9da1 100644 --- a/css/style.scss +++ b/css/style.scss @@ -1,4 +1,7 @@ @include icon-black-white('reply', 'social', 1); -@include icon-black-white('boost', 'social', 1); -@include icon-black-white('boosted', 'social', 1); @include icon-black-white('emoji', 'social', 1); + +@include icon-black-white('boost', 'social', 1); +.icon-boosted { + @include icon-color('boost', 'social', $color-white, 1); +} diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue index 5f9f7f4a..4e0222a5 100644 --- a/src/components/TimelineEntry.vue +++ b/src/components/TimelineEntry.vue @@ -199,6 +199,10 @@ export default { opacity: 1; } } + .icon-boosted { + border-radius: var(--border-radius-pill); + background-color: #0082c9; + } } span {