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

added grey background option when selected

Browse Source
This commit is contained in:
Edi Cziszter 2021-11-16 18:18:55 +02:00 committed by Edi Cziszter
parent f97305cab6
commit e14472a48a
4 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -100,7 +100,7 @@ iqser-icon-button {
background: var(--iqser-primary-2); background: var(--iqser-primary-2);
} }
&.dossierView { &.grey-selected {
background-color: var(--iqser-btn-bg); background-color: var(--iqser-btn-bg);
} }
} }

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

@ -2,10 +2,10 @@
<button <button
(click)="performAction($event)" (click)="performAction($event)"
[class.dark-bg]="type === circleButtonTypes.dark" [class.dark-bg]="type === circleButtonTypes.dark"
[class.dossierView]="type === circleButtonTypes.dossierView"
[class.overlay]="showDot" [class.overlay]="showDot"
[class.primary]="type === circleButtonTypes.primary" [class.primary]="type === circleButtonTypes.primary"
[class.warn]="type === circleButtonTypes.warn" [class.warn]="type === circleButtonTypes.warn"
[class.grey-selected]="greySelected"
[disabled]="disabled" [disabled]="disabled"
[type]="isSubmit ? 'submit' : 'button'" [type]="isSubmit ? 'submit' : 'button'"
mat-icon-button mat-icon-button

1
src/lib/buttons/circle-button/circle-button.component.ts
View File

@ -19,6 +19,7 @@ export class CircleButtonComponent implements OnInit {
@Input() tooltipPosition: IqserTooltipPosition = IqserTooltipPositions.above; @Input() tooltipPosition: IqserTooltipPosition = IqserTooltipPositions.above;
@Input() disabled = false; @Input() disabled = false;
@Input() type: CircleButtonType = CircleButtonTypes.default; @Input() type: CircleButtonType = CircleButtonTypes.default;
@Input() greySelected = false;
@Input() removeTooltip = false; @Input() removeTooltip = false;
@Input() isSubmit = false; @Input() isSubmit = false;
@Input() size = 34; @Input() size = 34;

1
src/lib/buttons/types/circle-button.type.ts
View File

@ -3,7 +3,6 @@ export const CircleButtonTypes = {
primary: 'primary', primary: 'primary',
warn: 'warn', warn: 'warn',
dark: 'dark', dark: 'dark',
dossierView: 'dossierView',
} as const; } as const;
export type CircleButtonType = keyof typeof CircleButtonTypes; export type CircleButtonType = keyof typeof CircleButtonTypes;