fix(switcher): fix css for label left (#1356)

allianz · Oct 11, 2024 · 22354ca · 22354ca
1 parent c0f5b36
commit 22354ca
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/projects/ng-aquila/src/switcher/switcher.component.scss b/projects/ng-aquila/src/switcher/switcher.component.scss
@@ -2,20 +2,20 @@
 
 $switcher-border-radius: nx-border-radius(m);
 
-.nx-switcher-control {
+:host {
     position: relative;
     display: flex;
-}
 
-.nx-switcher-control .is-swapped .nx-switcher__label {
-    flex-direction: row-reverse;
+    &.is-swapped .nx-switcher__label {
+        flex-direction: row-reverse;
 
-    &.has-label .nx-switcher__toggle {
-        margin-left: nx-spacer(xs);
+        &.has-label .nx-switcher__toggle {
+            margin-left: nx-spacer(xs);
 
-        [dir='rtl'] & {
-            margin-right: nx-spacer(xs);
-            margin-left: initial;
+            [dir='rtl'] & {
+                margin-right: nx-spacer(xs);
+                margin-left: initial;
+            }
         }
     }
 }