userWidget: Remove frame around avatar

There's a push for round user images, for which the existing square
frame is a bad match. So remove the frame and enforce the shape.

https://gitlab.gnome.org/GNOME/gnome-shell/issues/811
This commit is contained in:
Florian Müllner 2019-02-05 17:28:41 +01:00 committed by Florian Müllner
parent 4785093a5c
commit 2ae17cfb50
2 changed files with 5 additions and 8 deletions

View File

@ -267,8 +267,7 @@ StScrollBar {
} }
.end-session-dialog-logout-icon { .end-session-dialog-logout-icon {
//border: 2px solid #8b8b8b; border-radius: 99px;
border-radius: 5px;
width: 48px; width: 48px;
height: 48px; height: 48px;
background-size: contain; background-size: contain;
@ -428,7 +427,7 @@ StScrollBar {
} }
.polkit-dialog-user-icon { .polkit-dialog-user-icon {
border-radius: 5px; border-radius: 99px;
background-size: contain; background-size: contain;
width: 48px; width: 48px;
height: 48px; height: 48px;
@ -1757,13 +1756,11 @@ StScrollBar {
/* Auth Dialogs & Screen Shield */ /* Auth Dialogs & Screen Shield */
.framed-user-icon { .user-icon {
background-size: contain; background-size: contain;
border: 2px solid $osd_fg_color;
color: $osd_fg_color; color: $osd_fg_color;
border-radius: 3px; border-radius: 99px;
&:hover { &:hover {
border-color: lighten($osd_fg_color,30%);
color: lighten($osd_fg_color,30%); color: lighten($osd_fg_color,30%);
} }
} }

View File

@ -18,7 +18,7 @@ var Avatar = class {
this._user = user; this._user = user;
params = Params.parse(params, { reactive: false, params = Params.parse(params, { reactive: false,
iconSize: AVATAR_ICON_SIZE, iconSize: AVATAR_ICON_SIZE,
styleClass: 'framed-user-icon' }); styleClass: 'user-icon' });
this._iconSize = params.iconSize; this._iconSize = params.iconSize;
let scaleFactor = St.ThemeContext.get_for_stage(global.stage).scale_factor; let scaleFactor = St.ThemeContext.get_for_stage(global.stage).scale_factor;