CSS

src/assets/styles/common-components.scss

@@ -149,3 +149,12 @@
         }
     }
 }
+
+.read-only-indicator {
+    display: flex;
+
+    mat-icon {
+        height: 14px;
+        width: 14px;
+    }
+}

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;
+        }
     }
 }

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;