0b3fec22d7
Since the caps-lock warning adds a lot of spacing to dialogs and the lock screen, hide it by default and only show it when necessary. To make the transition smooth instead of just showing the label, animate it in using the height and opacity. Also add some bottom padding to the label so we can show or hide that padding, too. https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/952
68 lines
1.4 KiB
SCSS
68 lines
1.4 KiB
SCSS
// Links/URLs
|
|
.shell-link {
|
|
color: $link_color;
|
|
&:hover { color: lighten($link_color,10%); }
|
|
}
|
|
|
|
.url-highlighter { link-color: $link_color; }
|
|
|
|
// Rubberband for select-area screenshots
|
|
.select-area-rubberband {
|
|
background-color: transparentize($selected_bg_color,0.7);
|
|
border: 1px solid $selected_bg_color;
|
|
}
|
|
|
|
// Pointer accessibility notifications
|
|
.pie-timer {
|
|
width: 60px;
|
|
height: 60px;
|
|
-pie-border-width: 3px;
|
|
-pie-border-color: $selected_bg_color;
|
|
-pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
|
|
}
|
|
|
|
// Screen zoom/Magnifier
|
|
.magnifier-zoom-region {
|
|
border: 2px solid $selected_bg_color;
|
|
&.full-screen { border-width: 0; }
|
|
}
|
|
|
|
// User icon
|
|
.user-icon {
|
|
background-size: contain;
|
|
color: $osd_fg_color;
|
|
border-radius: 99px;
|
|
&:hover {
|
|
color: lighten($osd_fg_color,30%);
|
|
}
|
|
}
|
|
|
|
// Input Source Switcher
|
|
.input-source-switcher-symbol {
|
|
font-size: 34pt;
|
|
width: 96px;
|
|
height: 96px;
|
|
}
|
|
|
|
// Window cycler highlight
|
|
.cycler-highlight {
|
|
border: 5px solid $selected_bg_color;
|
|
}
|
|
|
|
// Text
|
|
.headline { @include fontsize($base_font_size + 1); }
|
|
.lightbox { background-color: black; }
|
|
.flashspot { background-color: white; }
|
|
|
|
|
|
// Hidden
|
|
.hidden { color: rgba(0,0,0,0);}
|
|
|
|
// Caps-lock warning
|
|
.caps-lock-warning-label {
|
|
padding-bottom: 8px;
|
|
padding-left: 6.2em;
|
|
@include fontsize($base_font_size - 1);
|
|
color: $warning_color;
|
|
}
|