theme: Improve theming of the login dialog auth list items

Render them as buttons, like we do with users

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3647>
This commit is contained in:
Marco Trevisan (Treviño) 2024-09-11 03:03:17 +02:00 committed by Marge Bot
parent 65d38939e2
commit b6fea0cc91

View File

@ -120,16 +120,29 @@ $_gdm_dialog_width: 25em;
.login-dialog-auth-list-title {
margin-left: 2em;
padding-bottom: $base_padding;
}
.login-dialog-auth-list-item {
border-radius: $base_border_radius * 2;
padding: $base_margin;
color: darken($_gdm_fg,30%);
.login-dialog {
.login-dialog-auth-list-item {
@extend %button_common;
@include button(normal, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);
&:selected,
&:focus { @include button(focus, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);}
&:hover { @include button(hover, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);}
&:active { @include button(active, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);}
&:focus, &:selected {
background-color: -st-accent-color;
color: -st-accent-fg-color;
border-radius: $modal_radius * 0.6;
padding: $base_padding * 1.2;
}
}
.unlock-dialog {
.login-dialog-auth-list-item {
@extend %lockscreen_button;
border-radius: $modal_radius * 0.6;
padding: $base_padding * 1.2;
}
}