diff options
author | Marco Ambrosini <marcoambrosini@pm.me> | 2019-12-18 14:47:00 +0300 |
---|---|---|
committer | Marco Ambrosini <marcoambrosini@pm.me> | 2019-12-18 15:09:01 +0300 |
commit | dfad69836017f79009bceece3c20c308ff8cfab9 (patch) | |
tree | 776cb9dcf7f442168dc9d19ab7e822df158380ac /css/icons.scss | |
parent | 1d4766ab51f1201fcf46bd018c6f7397314500ee (diff) |
Fix talk icons css
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
Diffstat (limited to 'css/icons.scss')
-rw-r--r-- | css/icons.scss | 73 |
1 files changed, 38 insertions, 35 deletions
diff --git a/css/icons.scss b/css/icons.scss index 86d32950a..86b561eeb 100644 --- a/css/icons.scss +++ b/css/icons.scss @@ -8,49 +8,52 @@ @include icon-black-white('emoji-smile', 'spreed', 1); @include icon-black-white('lobby', 'spreed', 1); -// We always want to use the white icons, this is why we don't use var(--color-white) here. -&.icon-public { - background-image: url(icon-color-path('public', 'actions', 'fff', 1, true)); -} -&.icon-contacts { - background-image: url(icon-color-path('contacts', 'places', 'fff', 1, true)); -} -&.icon-password { - background-image: url(icon-color-path('password', 'actions', 'fff', 1, true)); -} -&.icon-file { - background-image: url(icon-color-path('text', 'filetypes', 'fff', 1, true)); -} -&.icon-mail { - background-image: url(icon-color-path('mail', 'actions', 'fff', 1, true)); -} -&.icon-changelog { - background-image: url('../img/changelog.svg'); -} - -&.forced-white { - &.icon-menu-people { - background-image: url(icon-color-path('menu-people', 'spreed', 'fff', 1)); +#call-container, #chat-view, #app-spreed, #talkChatTabView, #talk-sidebar, #videos { + // We always want to use the white icons, this is why we don't use var(--color-white) here. + .icon-public { + background-image: url(icon-color-path('public', 'actions', 'fff', 1, true)); } - &.icon-audio { - background-image: url(icon-color-path('audio', 'actions', 'fff', 1, true)); + .icon-contacts { + background-image: url(icon-color-path('contacts', 'places', 'fff', 1, true)); } - &.icon-audio-off { - background-image: url(icon-color-path('audio-off', 'actions', 'fff', 1, true)); + .icon-password { + background-image: url(icon-color-path('password', 'actions', 'fff', 1, true)); } - &.icon-video { - background-image: url(icon-color-path('video', 'actions', 'fff', 1, true)); + .icon-file { + background-image: url(icon-color-path('text', 'filetypes', 'fff', 1, true)); } - &.icon-video-off { - background-image: url(icon-color-path('video-off', 'actions', 'fff', 1, true)); + .icon-mail { + background-image: url(icon-color-path('mail', 'actions', 'fff', 1, true)); } - &.icon-screen { - background-image: url(icon-color-path('screen', 'actions', 'fff', 1, true)); + .icon-changelog { + background-image: url('../img/changelog.svg'); } - &.icon-screen-off { - background-image: url(icon-color-path('screen-off', 'actions', 'fff', 1, true)); + + .forced-white { + &.icon-menu-people { + background-image: url(icon-color-path('menu-people', 'spreed', 'fff', 1)); + } + &.icon-audio { + background-image: url(icon-color-path('audio', 'actions', 'fff', 1, true)); + } + &.icon-audio-off { + background-image: url(icon-color-path('audio-off', 'actions', 'fff', 1, true)); + } + &.icon-video { + background-image: url(icon-color-path('video', 'actions', 'fff', 1, true)); + } + &.icon-video-off { + background-image: url(icon-color-path('video-off', 'actions', 'fff', 1, true)); + } + &.icon-screen { + background-image: url(icon-color-path('screen', 'actions', 'fff', 1, true)); + } + &.icon-screen-off { + background-image: url(icon-color-path('screen-off', 'actions', 'fff', 1, true)); + } } } + /* Show favorite icon in yellow instead of default black. */ @include icon-color('star-dark', 'actions', 'FC0', 1, true); |