diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-12-13 19:23:02 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2019-12-13 23:10:54 +0300 |
commit | a21f6ba28b379b1f7293502c972b17023ce23dcb (patch) | |
tree | 9a2da38dd5ad7712bef5264b69afc2b3f9c26de7 /css | |
parent | 373074884951738a690675825222f0d1a8d8d647 (diff) |
Force icon to white explictly instead of with CSS tricks
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/video.scss | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/css/video.scss b/css/video.scss index 8abe3e222..a0d6d9a9e 100644 --- a/css/video.scss +++ b/css/video.scss @@ -370,76 +370,6 @@ - &:not(.incall):not(.screensharing) .force-icon-white-in-call { - /* - * Also force the white icons, when the video of the local participant is shown, - * because the black icons are not visible on videos, especially when your camera is covered. - */ - &#hideVideo:not(.local-video-disabled) { - &.icon-video { - background-image: url(icon-color-path('video', 'actions', 'fff', 1, true)); - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - &.icon-video-off { - background-image: url(icon-color-path('video-off', 'actions', 'fff', 1, true)); - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - } - &#mute:not(.local-video-disabled) { - &.icon-audio { - background-image: url(icon-color-path('audio', 'actions', 'fff', 1, true)); - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - &.icon-audio-off { - background-image: url(icon-color-path('audio-off', 'actions', 'fff', 1, true)); - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - } - &#screensharing-button:not(.local-video-disabled) { - background-image: url(icon-color-path('screen-off', 'actions', 'fff', 1, true)); - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - } - - &.incall .force-icon-white-in-call, - &.screensharing .force-icon-white-in-call { - /* - * Force the white icon, independent from white/dark mode selection, - * because those icons are presented on our black calling-screen. - */ - &.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)); - } - &.icon-error { - background-image: url(icon-color-path('error', 'actions', 'fff', 1, true)); - } - - /* ".force-icon-white-in-call" can be combined with ".icon-shadow" just like - * ".icon-white". */ - &.icon-shadow { - filter: drop-shadow(1px 1px 4px var(--color-box-shadow)); - } - } - - - - - #videos .videoContainer.speaking:not(.videoView) .nameIndicator, #videos .videoContainer.videoView.speaking .nameIndicator .icon-audio { animation: pulse 1s; |