Fix banner/avatar edit buttons

This commit is contained in:
Chocobozzz 2024-12-18 15:22:21 +01:00
parent 77273a93f9
commit efc013bead
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 13 additions and 13 deletions

View File

@ -11,7 +11,7 @@
<div *ngIf="hasBanner()" ngbDropdown placement="right">
<button type="button" class="actor-img-edit-button button-file primary-button" ngbDropdownToggle>
<my-global-icon iconName="edit"></my-global-icon>
<label for="bannerMenu" i18n>Change your banner</label>
<span i18n>Change your banner</span>
</button>
<div ngbDropdownMenu>
@ -30,6 +30,6 @@
<ng-template #uploadNewBanner>
<my-global-icon iconName="upload"></my-global-icon>
<span for="bannerfile" i18n>Upload a new banner</span>
<label for="bannerfile" i18n>Upload a new banner</label>
<input #bannerfileInput type="file" name="bannerfile" id="bannerfile" [accept]="bannerExtensions" (change)="onBannerChange(bannerfileInput)"/>
</ng-template>

View File

@ -8,17 +8,17 @@
.actor-img-edit-button {
width: 31px;
@include button-with-icon(19px, 0);
& {
cursor: pointer;
display: flex;
justify-content: center;
cursor: pointer;
align-items: center;
@include button-with-icon(19px, 0);
}
input {
width: 30px;
height: 30px;
}
label {
font-weight: normal;
font-size: inherit;
color: inherit;
margin: 0;
}