2fdc627257
Allow vertical orientation for the userWidget so that the user-avatar can be centered and user's name can be placed below it. The plan for 3.36 is to use this vertical userWidget layout for both lock and login screen. The userWidget is also used while creating the user-selection list at the login, hence we still need to keep the horizontal layout for userWidget in place. https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/922
76 lines
1.5 KiB
SCSS
76 lines
1.5 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%);
|
|
}
|
|
}
|
|
|
|
.user-widget.vertical .user-icon {
|
|
icon-size: 128px;
|
|
}
|
|
|
|
.user-widget.horizontal .user-icon {
|
|
icon-size: 64px;
|
|
}
|
|
|
|
// 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 {
|
|
text-align: center;
|
|
padding-bottom: 8px;
|
|
@include fontsize($base_font_size - 1);
|
|
color: $warning_color;
|
|
}
|