From 63df71a6aa5a4e3984c2b7807750098b5fe74e87 Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Fri, 10 Nov 2023 20:06:32 +0200
Subject: [PATCH] DM-536 - added disabled property

---
 src/lib/buttons/circle-button/circle-button.component.html | 2 +-
 src/lib/buttons/circle-button/circle-button.component.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/buttons/circle-button/circle-button.component.html b/src/lib/buttons/circle-button/circle-button.component.html
index 747d15d..fd481e3 100644
--- a/src/lib/buttons/circle-button/circle-button.component.html
+++ b/src/lib/buttons/circle-button/circle-button.component.html
@@ -18,5 +18,5 @@
 
     <div *ngIf="showDot" class="dot"></div>
 
-    <div *ngIf="dropdownButton" class="arrow-down"></div>
+    <div *ngIf="dropdownButton" [class.disabled]="disabled" class="arrow-down"></div>
 </div>
diff --git a/src/lib/buttons/circle-button/circle-button.component.scss b/src/lib/buttons/circle-button/circle-button.component.scss
index 817a2d1..66ab031 100644
--- a/src/lib/buttons/circle-button/circle-button.component.scss
+++ b/src/lib/buttons/circle-button/circle-button.component.scss
@@ -8,5 +8,9 @@
         position: fixed;
         margin-left: 12px;
         margin-top: -8px;
+
+        &.disabled {
+            border-top-color: var(--iqser-grey-3);
+        }
     }
 }