forks/peertube
1
0
Fork 0
Code Releases Activity

Fix button icon margin

Browse source
This commit is contained in:
Chocobozzz 2022-06-10 10:04:23 +02:00
parent 60ab5b99c7
commit db129781ca
No known key found for this signature in database
GPG key ID: 583A612D890159BE
3 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/src/app/shared/shared-main/buttons/button.component.html
View file

@ -1,6 +1,6 @@
<span class="action-button" [ngClass]="getClasses()" [ngbTooltip]="title" tabindex="0">
<my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon>
<my-small-loader [loading]="loading"></my-small-loader>
<my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon>
<span *ngIf="label" class="button-label">{{ label }}</span>

6
client/src/app/shared/shared-main/buttons/button.component.scss
View file

@ -34,6 +34,12 @@ span[class$=-button] {
@include button-with-icon(21px);
width: 100%; // useful for ellipsis, allow to define a max-width on host component
&.icon-only {
my-global-icon {
margin: 0;
}
}
}
.orange-button {

1
client/src/app/shared/shared-main/buttons/button.component.ts
View file

@ -20,6 +20,7 @@ export class ButtonComponent {
return {
[this.className]: true,
disabled: this.disabled,
'icon-only': !this.label,
'responsive-label': this.responsiveLabel
}
}