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:
parent
05313d35e2
commit
6db4d9e933
2 changed files with 12 additions and 1 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue