From 22434a2627d71f7cddc8bdd7d9adab9762c41e4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Thu, 24 Mar 2022 01:01:51 +0200
Subject: [PATCH] CSS

---
 src/assets/styles/common-components.scss    | 9 +++++++++
 src/assets/styles/common-side-nav.scss      | 7 ++++++-
 src/assets/styles/common-toggle-button.scss | 4 ++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/assets/styles/common-components.scss b/src/assets/styles/common-components.scss
index 974f8a1..b5d0f3e 100644
--- a/src/assets/styles/common-components.scss
+++ b/src/assets/styles/common-components.scss
@@ -149,3 +149,12 @@
         }
     }
 }
+
+.read-only-indicator {
+    display: flex;
+
+    mat-icon {
+        height: 14px;
+        width: 14px;
+    }
+}
diff --git a/src/assets/styles/common-side-nav.scss b/src/assets/styles/common-side-nav.scss
index 8ae62dc..61c2423 100644
--- a/src/assets/styles/common-side-nav.scss
+++ b/src/assets/styles/common-side-nav.scss
@@ -30,7 +30,7 @@ iqser-side-nav {
         align-items: center;
         justify-content: space-between;
 
-        &:not(.active):hover {
+        &:not(.active):not(.disabled):hover {
             background-color: rgba(var(--iqser-primary-rgb), 0.2);
         }
 
@@ -44,5 +44,10 @@ iqser-side-nav {
             width: 12px;
             height: 12px;
         }
+
+        &.disabled {
+            opacity: 0.3;
+            pointer-events: none;
+        }
     }
 }
diff --git a/src/assets/styles/common-toggle-button.scss b/src/assets/styles/common-toggle-button.scss
index 07ba5d2..b6be148 100644
--- a/src/assets/styles/common-toggle-button.scss
+++ b/src/assets/styles/common-toggle-button.scss
@@ -13,8 +13,8 @@
 }
 
 .mat-button-toggle-disabled {
-    .mat-button-toggle-button {
-        cursor: not-allowed !important;
+    &.mat-button-toggle-checked .mat-button-toggle-label-content {
+        opacity: 0.5;
     }
 
     outline: none;