From 7a9a7301a8030da19cbe81b7cc372f2f970895c7 Mon Sep 17 00:00:00 2001 From: Teya Veselinova Date: Thu, 2 Mar 2023 13:32:33 +0200 Subject: [PATCH] fix(tabstrip): icons direction in rtl --- packages/default/scss/tabstrip/_layout.scss | 5 +++++ packages/fluent/scss/tabstrip/_layout.scss | 4 ++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/default/scss/tabstrip/_layout.scss b/packages/default/scss/tabstrip/_layout.scss index 765a2e35c2b..32d47558293 100644 --- a/packages/default/scss/tabstrip/_layout.scss +++ b/packages/default/scss/tabstrip/_layout.scss @@ -372,6 +372,11 @@ > .k-tabstrip-content { order: 0; } } + .k-tabstrip-prev .k-button-icon, + .k-tabstrip-next .k-button-icon { + transform: scaleX(-1); + } + } } diff --git a/packages/fluent/scss/tabstrip/_layout.scss b/packages/fluent/scss/tabstrip/_layout.scss index 904eae693a7..04e5fed6018 100644 --- a/packages/fluent/scss/tabstrip/_layout.scss +++ b/packages/fluent/scss/tabstrip/_layout.scss @@ -339,8 +339,8 @@ > .k-tabstrip-content { order: 0; } } - .k-tabstrip-prev, - .k-tabstrip-next { + .k-tabstrip-prev .k-button-icon, + .k-tabstrip-next .k-button-icon { transform: scaleX(-1); }