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

DM-536 - added disabled property

Browse Source
This commit is contained in:
Valentin Mihai 2023-11-10 20:13:51 +02:00
parent 48b3abaf2c
commit 3776e8ecef
3 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,4 +17,6 @@
</button> </button>
<div *ngIf="showDot" class="dot"></div> <div *ngIf="showDot" class="dot"></div>
<div *ngIf="dropdownButton" [class.disabled]="disabled" class="arrow-down"></div>
</div> </div>

12
src/lib/buttons/circle-button/circle-button.component.scss
View File

@ -1,4 +1,16 @@
:host > div { :host > div {
width: var(--circle-button-size); width: var(--circle-button-size);
height: var(--circle-button-size); height: var(--circle-button-size);
.arrow-down {
border: 5px solid transparent;
border-top-color: black;
position: fixed;
margin-left: 12px;
margin-top: -8px;
&.disabled {
border-top-color: var(--iqser-grey-3);
}
}
} }

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

@ -33,6 +33,7 @@ export class CircleButtonComponent implements OnInit {
@Input() helpModeButton = false; @Input() helpModeButton = false;
@Input() removeTooltip = false; @Input() removeTooltip = false;
@Input() isSubmit = false; @Input() isSubmit = false;
@Input() dropdownButton = false;
@Input() size = 34; @Input() size = 34;
@Input() iconSize = 14; @Input() iconSize = 14;
@Output() readonly action = new EventEmitter<MouseEvent>(); @Output() readonly action = new EventEmitter<MouseEvent>();