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