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

Merge pull request #2883 from crazyserver/MOBILE-3320

Browse Source 
MOBILE-3320 profile: Improvements on css
This commit is contained in:
Dani Palou 2021-07-08 12:43:31 +02:00 committed by GitHub
commit fd446458fe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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 {
display: block;
--core-avatar-size: var(--core-large-avatar-size);
height: calc(var(--core-avatar-size) + 16px);
img {
margin: 8px auto;
@ -15,19 +16,22 @@
.contact-status {
width: 24px !important;
height: 24px !important;
right: calc(50% - 12px - var(--core-avatar-size) / 2) !important;
}
.edit-avatar {
position: absolute;
right: -24px;
right: calc(50% - 15px - var(--core-avatar-size) / 2);
bottom: -12px;
--border-radius: 50%;
--background: var(--ion-item-background);
:host-context([dir="rtl"]) & {
left: 0;
right: unset;
}
&::part(native) {
border-radius: 50%;
background: var(--ion-item-background);
}
}
}
}