Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Icon button styles

Browse Source
This commit is contained in:
Adina Țeudan 2021-10-13 23:10:35 +03:00
parent f7a13a4234
commit f57e52362c
3 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/styles/common-buttons.scss
View File

@ -22,10 +22,9 @@
} }
} }
&.mat-button-disabled { &.mat-button-disabled .mat-button-wrapper {
.mat-button-wrapper { color: var(--iqser-accent);
opacity: 0.3; opacity: 0.3;
}
} }
} }
@ -65,7 +64,7 @@ iqser-circle-button {
background: rgba(var(--iqser-primary-rgb), 0.1); background: rgba(var(--iqser-primary-rgb), 0.1);
} }
&:not(.overlay):hover { &:not(.overlay):not(.mat-button-disabled):hover {
background-color: var(--iqser-btn-bg); background-color: var(--iqser-btn-bg);
} }

2
src/lib/buttons/icon-button/icon-button.component.html
View File

@ -1,5 +1,5 @@
<button <button
(click)="action.emit($event)" (click)="!disabled && action.emit($event)"
[class.has-icon]="!!icon" [class.has-icon]="!!icon"
[class.overlay]="showDot" [class.overlay]="showDot"
[class.primary]="type === iconButtonTypes.primary" [class.primary]="type === iconButtonTypes.primary"

7
src/lib/buttons/icon-button/icon-button.component.scss
View File

@ -14,13 +14,6 @@ button {
} }
} }
&.mat-button-disabled {
cursor: not-allowed;
::ng-deep .mat-button-wrapper {
opacity: 1;
}
}
mat-icon { mat-icon {
width: 14px; width: 14px;
} }