From 2e61d8d683e3621779367ac7a0bccf2316fa0061 Mon Sep 17 00:00:00 2001 From: Sergey Andrievskiy Date: Tue, 26 Nov 2019 12:05:00 +0300 Subject: [PATCH] fix(radio): reverse order of elements in RTL (#2093) --- .../theme/components/radio/_radio.component.theme.scss | 3 ++- src/framework/theme/components/radio/radio.component.scss | 7 +++++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/framework/theme/components/radio/_radio.component.theme.scss b/src/framework/theme/components/radio/_radio.component.theme.scss index 36aa1755b3..cbb7fcd87b 100644 --- a/src/framework/theme/components/radio/_radio.component.theme.scss +++ b/src/framework/theme/components/radio/_radio.component.theme.scss @@ -94,7 +94,8 @@ font-size: nb-theme(radio-text-font-size); font-weight: nb-theme(radio-text-font-weight); line-height: nb-theme(radio-text-line-height); - margin-left: nb-theme(radio-width); + @include nb-ltr(margin-left, nb-theme(radio-width)); + @include nb-rtl(margin-right, nb-theme(radio-width)); } } } diff --git a/src/framework/theme/components/radio/radio.component.scss b/src/framework/theme/components/radio/radio.component.scss index 21bb388d21..41799472b2 100644 --- a/src/framework/theme/components/radio/radio.component.scss +++ b/src/framework/theme/components/radio/radio.component.scss @@ -14,7 +14,9 @@ display: inline-flex; margin: 0; min-height: inherit; - padding: 0.375rem 1.5rem 0.375rem 0; + padding: 0.375rem 0; + @include nb-ltr(padding-right, 1.5rem); + @include nb-rtl(padding-left, 1.5rem); align-items: center; } @@ -23,7 +25,8 @@ border-radius: 50%; position: absolute; top: 50%; - left: 0; + @include nb-ltr(left, 0); + @include nb-rtl(right, 0); transform: translateY(-50%); }