user-account: Add border around user image button

According to the mockups at
https://gitlab.gnome.org/Teams/Design/settings-mockups/raw/master/users/users.png

Fixes #771
This commit is contained in:
Felipe Borges 2020-01-14 12:27:51 +01:00 committed by Ondrej Holy
parent 05313d35e2
commit 6db4d9e933
2 changed files with 12 additions and 1 deletions

View file

@ -129,12 +129,18 @@
<object class="GtkStack" id="user_icon_stack">
<property name="visible">True</property>
<property name="halign">GTK_ALIGN_END</property>
<style>
<class name="user-icon-button"/>
</style>
<child>
<object class="CcUserImage" id="user_icon_image">
<property name="visible">True</property>
<property name="icon_name">avatar-default</property>
<property name="pixel_size">96</property>
<property name="halign">GTK_ALIGN_END</property>
<style>
<class name="user-icon-button"/>
</style>
<child internal-child="accessible">
<object class="AtkObject">
<property name="accessible-name" translatable="yes">User Icon</property>

View file

@ -18,6 +18,11 @@ levelbar .strength-high {
.user-icon-button {
background: transparent;
box-shadow: none;
border: none;
border: 1px solid @borders;
border-radius: 50%;
padding: 3px;
}
.user-icon-button > .user-icon-button {
padding: 0;
}