Vmeda.Online/src/components/user-avatar/user-avatar.scss

30 lines
691 B
SCSS

ion-avatar[core-user-avatar] {
position: relative;
.contact-status {
position: absolute;
@include position(null, 0, 0, null);
width: 14px;
height: 14px;
border-radius: 50%;
&.online {
border: 1px solid white;
background-color: $core-online-color;
}
}
.core-avatar-extra-icon {
margin: 0 !important;
border-radius: 0 !important;
background: none;
position: absolute;
@include position(null, -4px, -4px, null);
width: 24px;
height: 24px;
}
}
.toolbar ion-avatar[core-user-avatar] .contact-status {
width: 10px;
height: 10px;
}