2019-12-18 16:25:03 -05:00
|
|
|
/* OSD */
|
2019-12-19 19:24:30 -05:00
|
|
|
|
2022-01-25 23:15:52 +01:00
|
|
|
$osd_levelbar_height:6px;
|
2019-12-19 19:24:30 -05:00
|
|
|
|
2019-12-18 16:25:03 -05:00
|
|
|
.osd-window {
|
2019-12-19 10:38:27 -05:00
|
|
|
@extend %osd_panel;
|
2022-02-07 14:52:40 -03:30
|
|
|
@extend %heading;
|
2019-12-19 10:38:27 -05:00
|
|
|
text-align: center;
|
|
|
|
font-weight: bold;
|
2023-11-29 14:18:59 -03:30
|
|
|
spacing: $base_padding * 2;
|
2022-02-07 14:52:40 -03:30
|
|
|
padding: $base_padding * 2 $base_padding * 3;
|
2023-11-29 14:18:59 -03:30
|
|
|
& > * { spacing: $base_margin * 2; }
|
2022-02-07 14:52:40 -03:30
|
|
|
margin-bottom: 4em;
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2023-11-29 14:18:59 -03:30
|
|
|
StIcon { icon-size: $large_icon_size;}
|
2019-12-19 19:24:30 -05:00
|
|
|
|
2022-02-07 14:52:40 -03:30
|
|
|
StLabel {
|
2023-11-29 14:18:59 -03:30
|
|
|
&:ltr { margin-right: $base_padding; }
|
|
|
|
&:rtl { margin-left: $base_padding; }
|
2022-02-07 14:52:40 -03:30
|
|
|
}
|
|
|
|
|
2019-12-19 10:38:27 -05:00
|
|
|
.level {
|
2023-11-29 14:18:59 -03:30
|
|
|
margin-bottom: $base_margin;
|
|
|
|
&:first-child { margin-bottom: 0; }
|
2022-02-07 14:52:40 -03:30
|
|
|
|
2023-11-29 14:18:59 -03:30
|
|
|
min-width: 160px;
|
2019-12-19 19:24:30 -05:00
|
|
|
-barlevel-height: $osd_levelbar_height;
|
|
|
|
-barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9));
|
2019-12-19 10:38:27 -05:00
|
|
|
-barlevel-active-background-color: $osd_fg_color;
|
|
|
|
-barlevel-overdrive-color: $destructive_color;
|
2023-11-29 14:18:59 -03:30
|
|
|
-barlevel-overdrive-separator-width: $base_padding * 0.5;
|
|
|
|
&:ltr { margin-right: $base_padding; }
|
|
|
|
&:rtl { margin-left: $base_padding; }
|
2019-12-19 10:38:27 -05:00
|
|
|
}
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
2022-04-19 14:08:37 -02:30
|
|
|
// Monitor number label
|
2023-11-13 15:04:26 -03:30
|
|
|
.osd-monitor-label {
|
|
|
|
background-color: $selected_bg_color;
|
|
|
|
color: $selected_fg_color;
|
2022-04-19 14:08:37 -02:30
|
|
|
border-radius: $modal_radius;
|
|
|
|
font-size: 3em;
|
|
|
|
font-weight: bold;
|
2023-11-13 15:04:26 -03:30
|
|
|
font-feature-settings: "tnum";
|
2022-04-19 14:08:37 -02:30
|
|
|
margin: $base_margin * 3;
|
2023-11-13 15:04:26 -03:30
|
|
|
padding: $base_padding * 2;
|
2022-04-19 14:08:37 -02:30
|
|
|
text-align: center;
|
2023-11-13 15:04:26 -03:30
|
|
|
min-width: 1.5em;
|
2022-04-19 14:08:37 -02:30
|
|
|
}
|
|
|
|
|
2019-12-18 16:25:03 -05:00
|
|
|
/* Pad OSD */
|
|
|
|
.pad-osd-window {
|
2019-12-19 10:38:27 -05:00
|
|
|
padding: 32px;
|
|
|
|
background-color: transparentize(#000, 0.2);
|
2019-12-18 16:25:03 -05:00
|
|
|
|
2019-12-19 10:38:27 -05:00
|
|
|
.pad-osd-title-box { spacing: 12px; }
|
|
|
|
.pad-osd-title-menu-box { spacing: 6px; }
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.combo-box-label {
|
2019-12-19 10:38:27 -05:00
|
|
|
width: 15em;
|
2019-12-18 16:25:03 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.resize-popup {
|
2019-12-19 10:38:27 -05:00
|
|
|
@extend %osd_panel;
|
2022-02-02 14:47:42 -03:30
|
|
|
}
|