From d41cec90cfa92f6969cd51ff230e24eff8b382b3 Mon Sep 17 00:00:00 2001 From: Ondřej Hruška Date: Fri, 7 Jul 2017 09:30:25 +0200 Subject: Added toot visibility icons and removed Boost btn changing icon --- app/javascript/styles/boost.scss | 14 ++++++++++++++ app/javascript/styles/components.scss | 16 ++++++++++++++++ 2 files changed, 30 insertions(+) (limited to 'app/javascript/styles') diff --git a/app/javascript/styles/boost.scss b/app/javascript/styles/boost.scss index 7589828c6..9cad7a4f5 100644 --- a/app/javascript/styles/boost.scss +++ b/app/javascript/styles/boost.scss @@ -9,3 +9,17 @@ button.icon-button i.fa-retweet { background-image: url("data:image/svg+xml;utf8,"); } } + +// Disabled variant +button.icon-button.disabled i.fa-retweet { + &, &:hover { + background-image: url("data:image/svg+xml;utf8,"); + } +} + +// Darker disabled variant for DMs +.status-direct button.icon-button.disabled i.fa-retweet { + &, &:hover { + background-image: url("data:image/svg+xml;utf8,"); + } +} diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 60dfc041a..72d7aae68 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -611,6 +611,22 @@ .notification__message { margin: -10px 0 10px; } + + // Visibility icons + &::before { + float: right; + padding-top: 5px; + margin-left: 8px; + font-family: "FontAwesome"; + color: lighten($ui-base-color, 26%); + text-align: center; + width: 16px; + } + + &.status-public::before { content: "\F0AC" } + &.status-unlisted::before { content: "\F13E" } + &.status-private::before { content: "\F023" } + &.status-direct::before { content: "\F0E0" } } .notification-favourite { -- cgit