diff --git a/src/lib/buttons/circle-button/circle-button.component.html b/src/lib/buttons/circle-button/circle-button.component.html index 5969c74..fd481e3 100644 --- a/src/lib/buttons/circle-button/circle-button.component.html +++ b/src/lib/buttons/circle-button/circle-button.component.html @@ -17,4 +17,6 @@
+ + diff --git a/src/lib/buttons/circle-button/circle-button.component.scss b/src/lib/buttons/circle-button/circle-button.component.scss index 0320fef..66ab031 100644 --- a/src/lib/buttons/circle-button/circle-button.component.scss +++ b/src/lib/buttons/circle-button/circle-button.component.scss @@ -1,4 +1,16 @@ :host > div { width: 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); + } + } } diff --git a/src/lib/buttons/circle-button/circle-button.component.ts b/src/lib/buttons/circle-button/circle-button.component.ts index 840379a..03dfe97 100644 --- a/src/lib/buttons/circle-button/circle-button.component.ts +++ b/src/lib/buttons/circle-button/circle-button.component.ts @@ -33,6 +33,7 @@ export class CircleButtonComponent implements OnInit { @Input() helpModeButton = false; @Input() removeTooltip = false; @Input() isSubmit = false; + @Input() dropdownButton = false; @Input() size = 34; @Input() iconSize = 14; @Output() readonly action = new EventEmitter