From 22354ca8dbb45b94400917568d81124d77f950ad Mon Sep 17 00:00:00 2001 From: "malin.klingsell@allianz.de" Date: Fri, 11 Oct 2024 13:52:47 +0200 Subject: [PATCH] fix(switcher): fix css for label left (#1356) --- .../src/switcher/switcher.component.scss | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/projects/ng-aquila/src/switcher/switcher.component.scss b/projects/ng-aquila/src/switcher/switcher.component.scss index 0a8050439..92fcd8ef2 100644 --- 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; + } } } }