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

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

@ -1,5 +1,5 @@
<button
(click)="action.emit($event)"
(click)="!disabled && action.emit($event)"
[class.has-icon]="!!icon"
[class.overlay]="showDot"
[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 {
width: 14px;
}