EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3320 profile: Improvements on css

main
Pau Ferrer Ocaña 2021-07-08 12:36:15 +02:00
parent 82c9d8f148
commit c5d7fc33d2
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/core/features/user/pages/profile/profile.scss
View File

@ -7,6 +7,7 @@
core-user-avatar { core-user-avatar {
display: block; display: block;
--core-avatar-size: var(--core-large-avatar-size); --core-avatar-size: var(--core-large-avatar-size);
height: calc(var(--core-avatar-size) + 16px);
img { img {
margin: 8px auto; margin: 8px auto;
@ -15,19 +16,22 @@
.contact-status { .contact-status {
width: 24px !important; width: 24px !important;
height: 24px !important; height: 24px !important;
right: calc(50% - 12px - var(--core-avatar-size) / 2) !important;
} }
.edit-avatar { .edit-avatar {
position: absolute; position: absolute;
right: -24px; right: calc(50% - 15px - var(--core-avatar-size) / 2);
bottom: -12px; bottom: -12px;
--border-radius: 50%;
--background: var(--ion-item-background);
:host-context([dir="rtl"]) & { :host-context([dir="rtl"]) & {
left: 0; left: 0;
right: unset; right: unset;
} }
&::part(native) {
border-radius: 50%;
background: var(--ion-item-background);
}
} }
} }
} }