interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app/shared/shared-actor-image-edit/actor-banner-edit.component.html
View File

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

20
client/src/app/shared/shared-actor-image-edit/actor-image-edit.scss
View File

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