User avatar spinner
parent
02c4466c45
commit
cfefc473e2
|
@ -14,8 +14,8 @@ div.wrapper(tg-user-profile, ng-controller="UserSettingsController as ctrl",
|
||||||
fieldset(tg-user-avatar)
|
fieldset(tg-user-avatar)
|
||||||
.image-container
|
.image-container
|
||||||
img.avatar(ng-src="{{user.big_photo}}" alt="avatar")
|
img.avatar(ng-src="{{user.big_photo}}" alt="avatar")
|
||||||
div.overlay
|
.overlay
|
||||||
span.icon.icon-spinner
|
img.loading-spinner(src="/svg/spinner-circle.svg", alt="loading...")
|
||||||
input(type="file", id="avatar-field", class="hidden",
|
input(type="file", id="avatar-field", class="hidden",
|
||||||
tg-avatar-model="avatarAttachment")
|
tg-avatar-model="avatarAttachment")
|
||||||
p The image will be cropped to 80x80px.<br>
|
p The image will be cropped to 80x80px.<br>
|
||||||
|
|
|
@ -33,8 +33,9 @@
|
||||||
@extend %loading-spinner;
|
@extend %loading-spinner;
|
||||||
border: 0;
|
border: 0;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
transform-origin: 32 32;
|
max-height: 3rem;
|
||||||
width: 30%;
|
max-width: 3rem;
|
||||||
|
transform-origin: center center;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
@extend %xsmall;
|
@extend %xsmall;
|
||||||
|
|
Loading…
Reference in New Issue