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

RED-6801 - added active style to icon button

Browse Source
This commit is contained in:
Valentin Mihai 2023-07-04 16:25:14 +03:00
parent 2d6ee6655c
commit 7efa3b7ad2
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -90,6 +90,14 @@ iqser-icon-button {
&.dark { &.dark {
background: var(--iqser-btn-bg); background: var(--iqser-btn-bg);
} }
&.active {
background: #fcebeb;
font-weight: 600;
color: var(--iqser-primary);
cursor: default;
pointer-events: none;
}
} }
} }

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

@ -19,6 +19,7 @@ export class IconButtonComponent {
@Input() buttonId = `${randomString()}-icon-button`; @Input() buttonId = `${randomString()}-icon-button`;
@Input() icon?: string; @Input() icon?: string;
@Input() showDot = false; @Input() showDot = false;
@Input() active = false;
@Input() disabled = false; @Input() disabled = false;
@Input() submit = false; @Input() submit = false;
@Input() type: IconButtonType = IconButtonTypes.default; @Input() type: IconButtonType = IconButtonTypes.default;
@ -30,6 +31,7 @@ export class IconButtonComponent {
overlay: this.showDot, overlay: this.showDot,
[this.type]: true, [this.type]: true,
'has-icon': !!this.icon, 'has-icon': !!this.icon,
active: this.active,
}; };
} }
} }