diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /browser/themes/shared/webRTC-legacy-indicator.css | |
parent | Initial commit. (diff) | |
download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | browser/themes/shared/webRTC-legacy-indicator.css | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/browser/themes/shared/webRTC-legacy-indicator.css b/browser/themes/shared/webRTC-legacy-indicator.css new file mode 100644 index 0000000000..c8071eebe0 --- /dev/null +++ b/browser/themes/shared/webRTC-legacy-indicator.css @@ -0,0 +1,121 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +window { + border: 1px solid #ff9500; +} + +#audioVideoButton, +#screenShareButton, +#firefoxButton { + height: 29px; + margin: 0; + appearance: none; + border-style: none; +} + +#audioVideoButton, +#screenShareButton { + -moz-context-properties: fill; + fill: white; +} + +#firefoxButton { + background-image: url("chrome://branding/content/icon48.png"); + background-repeat: no-repeat; + background-size: 22px; + background-position: center center; + min-width: 29px; + background-color: white; +} + +#firefoxButton:hover { + background-color: #f2f2f2; +} + +#screenShareButton { + background-image: url("chrome://browser/skin/notification-icons/screen.svg"); + background-position: center center; + background-repeat: no-repeat; + background-size: 16px; + min-width: 27px; + display: none; +} + +window[sharingscreen] > #screenShareButton { + display: flex; +} + +#audioVideoButton { + display: none; + background-repeat: no-repeat; +} + +/* When screen sharing, need to pull in the separator: */ +window[sharingscreen] > #audioVideoButton { + margin-right: -1px; +} + +/* Single icon button: */ +window[sharingvideo] > #audioVideoButton, +window[sharingaudio] > #audioVideoButton { + display: flex; + background-position: center center; + background-size: 16px; + min-width: 26px; +} + +window[sharingvideo] > #audioVideoButton { + background-image: url("chrome://browser/skin/notification-icons/camera.svg"); +} + +window[sharingaudio] > #audioVideoButton { + background-image: url("chrome://browser/skin/notification-icons/microphone.svg"); +} + +/* Multi-icon button: */ +window[sharingaudio][sharingvideo] > #audioVideoButton { + background-image: url("chrome://browser/skin/notification-icons/camera.svg"), + url("chrome://browser/skin/notification-icons/microphone.svg"); + background-position: 6px center, 26px center; + background-size: 16px, 16px; + min-width: 46px; +} + +/* Hover styles */ +#audioVideoButton, +#screenShareButton { + background-color: #ffaa33; +} + +#audioVideoButton:hover, +#screenShareButton:hover { + background-color: #ff9500; +} + +/* Don't show the dropmarker for the type="menu" case */ +#audioVideoButton > .box-inherit > .button-menu-dropmarker, +#screenShareButton > .box-inherit > .button-menu-dropmarker { + display: none; +} + +/* Separator in case of screen sharing + video/audio sharing */ +#shareSeparator { + width: 1px; + margin: 4px -1px 4px 0; + background-color: #FFCA80; + /* Separator needs to show above either button when they're hovered: */ + position: relative; + z-index: 1; + display: none; +} + +window[sharingscreen][sharingvideo] > #shareSeparator, +window[sharingscreen][sharingaudio] > #shareSeparator { + display: flex; +} + +:is(#audioVideoButton, #screenShareButton, #firefoxButton):-moz-focusring { + outline: none; +} |