49c0b849c4
- new drawing function to convert px to em, for select instances - updated fontsize function to convert fonts in pt to em - replace instances of discrete sizes with defined values - fix instances where assets or icons did not scale along with text - rework panel buttons to accommodate the scaling padding and icons - new 'scalable' definitions for elements that follow text scaling Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3033>
67 lines
1.5 KiB
SCSS
67 lines
1.5 KiB
SCSS
/* OSD */
|
|
|
|
$osd_levelbar_height:6px;
|
|
|
|
.osd-window {
|
|
@extend %osd_panel;
|
|
@extend %heading;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
spacing: $base_padding * 2;
|
|
padding: $base_padding * 2 $base_padding * 3;
|
|
& > * { spacing: $base_margin * 2; }
|
|
margin-bottom: 4em;
|
|
|
|
StIcon { icon-size: $large_icon_size;}
|
|
|
|
StLabel {
|
|
&:ltr { margin-right: $base_padding; }
|
|
&:rtl { margin-left: $base_padding; }
|
|
}
|
|
|
|
.level {
|
|
margin-bottom: $base_margin;
|
|
&:first-child { margin-bottom: 0; }
|
|
|
|
min-width: 160px;
|
|
-barlevel-height: $osd_levelbar_height;
|
|
-barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9));
|
|
-barlevel-active-background-color: $osd_fg_color;
|
|
-barlevel-overdrive-color: $destructive_color;
|
|
-barlevel-overdrive-separator-width: $base_padding * 0.5;
|
|
&:ltr { margin-right: $base_padding; }
|
|
&:rtl { margin-left: $base_padding; }
|
|
}
|
|
}
|
|
|
|
// Monitor number label
|
|
.osd-monitor-label {
|
|
background-color: $selected_bg_color;
|
|
color: $selected_fg_color;
|
|
border-radius: $modal_radius;
|
|
font-size: 3em;
|
|
font-weight: bold;
|
|
font-feature-settings: "tnum";
|
|
margin: $base_margin * 3;
|
|
padding: $base_padding * 2;
|
|
text-align: center;
|
|
min-width: 1.5em;
|
|
}
|
|
|
|
/* Pad OSD */
|
|
.pad-osd-window {
|
|
padding: 32px;
|
|
background-color: transparentize(#000, 0.2);
|
|
|
|
.pad-osd-title-box { spacing: 12px; }
|
|
.pad-osd-title-menu-box { spacing: 6px; }
|
|
}
|
|
|
|
.combo-box-label {
|
|
width: 15em;
|
|
}
|
|
|
|
.resize-popup {
|
|
@extend %osd_panel;
|
|
}
|