summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--widgets/_panel.scss25
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);
+ }
}
}
}