diff options
author | Florian Müllner <fmuellner@gnome.org> | 2022-07-27 12:29:26 +0200 |
---|---|---|
committer | Florian Müllner <fmuellner@gnome.org> | 2022-08-10 16:28:30 +0200 |
commit | 25ca6af13ec368bcbf6bfe09b7c32d1d7395beab (patch) | |
tree | 0a31e0656c524cdc14bab85a66f6c904a274cafd | |
parent | a36f20dc4372b8830efeb64b261d209233b54b0e (diff) | |
download | gnome-shell-sass-25ca6af13ec368bcbf6bfe09b7c32d1d7395beab.tar.gz |
status/remote-access: Split out screen sharing indicator
The latest mockups move the screen sharing indicator into a
separate control, similar to the existing indicator for built-in
screen recordings.
As this removes the submenu and only keeps the top bar icon (for
external screen recordings), this will smooth the transition to
quick settings.
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2391>
-rw-r--r-- | widgets/_panel.scss | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/widgets/_panel.scss b/widgets/_panel.scss index 3fc57eb..fd3e7d2 100644 --- a/widgets/_panel.scss +++ b/widgets/_panel.scss @@ -40,7 +40,14 @@ $panel_transition_duration: 250ms; // same as the overview transition duration &.screen-recording-indicator { box-shadow: inset 0 0 0 100px $screenshot_ui_button_red; + } + &.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px $warning_color; + StBoxLayout { margin: 0 $base_padding; } + } + &.screen-recording-indicator, + &.screen-sharing-indicator { StBoxLayout { spacing: $base_padding; } @@ -66,6 +73,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration &.screen-recording-indicator { box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.15); } + &.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.15); + } } &:hover { @@ -80,6 +90,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration &.screen-recording-indicator { box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.1); } + &.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.1); + } } &:active:hover, &:overview:hover, &:focus:hover, &:checked:hover { @@ -94,6 +107,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration &.screen-recording-indicator { box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.2); } + &.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.2); + } } // status area icons @@ -137,6 +153,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration &.screen-recording-indicator { box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.15); } + &.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.15); + } } &:hover { @@ -151,6 +170,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration &.screen-recording-indicator { box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.1); } + &.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.1); + } } &:active:hover, &:overview:hover, &:focus:hover, &:checked:hover { @@ -165,6 +187,9 @@ $panel_transition_duration: 250ms; // same as the overview transition duration &.screen-recording-indicator { box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.2); } + &.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.2); + } } } } |