From 7f5e54cc75c5647f02e53fe3faa97bdef7b82f24 Mon Sep 17 00:00:00 2001 From: Teya Veselinova Date: Thu, 11 May 2023 10:06:52 +0300 Subject: [PATCH] fix: remove icons flipping styles in rtl --- packages/default/scss/adaptive/_layout.scss | 12 ------------ packages/default/scss/calendar/_layout.scss | 5 ----- packages/default/scss/icons/_layout.scss | 13 ------------- packages/default/scss/listbox/_layout.scss | 9 --------- packages/default/scss/listgroup/_layout.scss | 10 ---------- packages/default/scss/pager/_layout.scss | 9 --------- packages/default/scss/scheduler/_layout.scss | 7 ------- packages/default/scss/scrollview/_layout.scss | 11 ----------- packages/default/scss/slider/_layout.scss | 7 ------- packages/default/scss/splitter/_layout.scss | 9 --------- packages/default/scss/tabstrip/_layout.scss | 5 ----- packages/fluent/scss/calendar/_layout.scss | 13 ------------- packages/fluent/scss/icon/_layout.scss | 13 ------------- packages/fluent/scss/listbox/_layout.scss | 9 --------- packages/fluent/scss/listgroup/_layout.scss | 10 ---------- packages/fluent/scss/pager/_layout.scss | 8 -------- packages/fluent/scss/scheduler/_layout.scss | 8 -------- packages/fluent/scss/scrollview/_layout.scss | 11 ----------- packages/fluent/scss/slider/_layout.scss | 7 ------- packages/fluent/scss/splitter/_layout.scss | 9 --------- packages/fluent/scss/tabstrip/_layout.scss | 5 ----- packages/nouvelle/scss/icon/_layout.scss | 10 ---------- packages/nouvelle/scss/slider/_layout.scss | 5 ----- packages/nouvelle/scss/tabstrip/_layout.scss | 5 ----- 24 files changed, 210 deletions(-) diff --git a/packages/default/scss/adaptive/_layout.scss b/packages/default/scss/adaptive/_layout.scss index 6f1776e7c50..448970db405 100644 --- a/packages/default/scss/adaptive/_layout.scss +++ b/packages/default/scss/adaptive/_layout.scss @@ -460,24 +460,12 @@ &[dir="rtl"], [dir="rtl"] & { - .k-header-cancel .k-button-icon, - .k-listgroup-item .k-select .k-svg-icon, - .k-listgroup-item .k-select .k-icon { - transform: scaleX( -1 ); - } - .k-scheduler-mobile { .k-scheduler-toolbar { - > ul > li { border: 0; } - - .k-nav-prev, - .k-nav-next { - transform: scaleX(-1); - } } .k-task .k-i-reload { diff --git a/packages/default/scss/calendar/_layout.scss b/packages/default/scss/calendar/_layout.scss index 5d6645d790f..e3ff6e23b35 100644 --- a/packages/default/scss/calendar/_layout.scss +++ b/packages/default/scss/calendar/_layout.scss @@ -492,11 +492,6 @@ .k-calendar.k-rtl, .k-calendar[dir="rtl"] { - .k-calendar-nav-prev, - .k-calendar-nav-next { - transform: scaleX(-1); - } - .k-content.k-scrollable, .k-calendar-content.k-scrollable { @include hide-scrollbar("left"); diff --git a/packages/default/scss/icons/_layout.scss b/packages/default/scss/icons/_layout.scss index abbfe72e74f..7bba4cc89cc 100644 --- a/packages/default/scss/icons/_layout.scss +++ b/packages/default/scss/icons/_layout.scss @@ -60,19 +60,6 @@ $ki-icon-size: $kendo-icon-size; cursor: pointer; } - // RTL icons - .k-rtl, - [dir="rtl"] { - .k-i-indent-increase, - .k-i-indent-decrease, - .k-i-caret-alt-right, - .k-i-caret-alt-left, - .k-svg-i-caret-alt-right, - .k-svg-i-caret-alt-left { - transform: scaleX(-1); - } - } - .k-sprite { display: inline-block; width: 16px; diff --git a/packages/default/scss/listbox/_layout.scss b/packages/default/scss/listbox/_layout.scss index da40cf5d649..df337682d6c 100644 --- a/packages/default/scss/listbox/_layout.scss +++ b/packages/default/scss/listbox/_layout.scss @@ -71,15 +71,6 @@ .k-ghost { opacity: .5; } - - .k-rtl &, - &[dir="rtl"], - [dir="rtl"] & { - - .k-listbox-actions .k-button-icon { - transform: scaleX(-1); - } - } } .k-item { diff --git a/packages/default/scss/listgroup/_layout.scss b/packages/default/scss/listgroup/_layout.scss index 661c7b10e5f..87883916e18 100644 --- a/packages/default/scss/listgroup/_layout.scss +++ b/packages/default/scss/listgroup/_layout.scss @@ -154,11 +154,6 @@ > .k-select { right: auto; left: 0; - - .k-icon, - .k-svg-icon { - transform: scaleX(-1); - } } } } @@ -174,11 +169,6 @@ margin-left: -$kendo-listgroup-item-padding-x; border-right-width: 1px; border-left-width: 0; - - .k-icon, - .k-svg-icon { - transform: scaleX(-1); - } } } } diff --git a/packages/default/scss/pager/_layout.scss b/packages/default/scss/pager/_layout.scss index b394d4be050..4df786ea738 100644 --- a/packages/default/scss/pager/_layout.scss +++ b/packages/default/scss/pager/_layout.scss @@ -24,15 +24,6 @@ *::after { box-sizing: border-box; } - - .k-rtl &, - &[dir="rtl"], - [dir="rtl"] & { - .k-pager-nav .k-button-icon { - transform: scaleX(-1); - } - } - } diff --git a/packages/default/scss/scheduler/_layout.scss b/packages/default/scss/scheduler/_layout.scss index 47fb0fd0895..c147dcb71e2 100644 --- a/packages/default/scss/scheduler/_layout.scss +++ b/packages/default/scss/scheduler/_layout.scss @@ -1007,13 +1007,6 @@ .k-scheduler, &.k-scheduler { - .k-i-caret-alt-left, - .k-i-caret-alt-right, - .k-i-arrow-60-left, - .k-i-arrow-60-right, - .k-current-time-arrow-right { - transform: scaleX(-1); - } .k-scheduler-header-wrap { border-right-width: 0; diff --git a/packages/default/scss/scrollview/_layout.scss b/packages/default/scss/scrollview/_layout.scss index 0befe03b393..3c8a8459b68 100644 --- a/packages/default/scss/scrollview/_layout.scss +++ b/packages/default/scss/scrollview/_layout.scss @@ -198,17 +198,6 @@ } } - .k-rtl, - [dir="rtl"] { - .k-scrollview-prev, - .k-scrollview-next { - .k-icon, - .k-svg-icon { - transform: scaleX(-1); - } - } - } - } diff --git a/packages/default/scss/slider/_layout.scss b/packages/default/scss/slider/_layout.scss index 5bf0348625d..73671cc09ac 100644 --- a/packages/default/scss/slider/_layout.scss +++ b/packages/default/scss/slider/_layout.scss @@ -382,13 +382,6 @@ .k-label { transform: translateX(50%); } - - .k-button-increase .k-icon, - .k-button-increase .k-svg-icon, - .k-button-decrease .k-icon, - .k-button-decrease .k-svg-icon { - transform: scaleX(-1); - } } } diff --git a/packages/default/scss/splitter/_layout.scss b/packages/default/scss/splitter/_layout.scss index 8c77a446256..6be9e2412a1 100644 --- a/packages/default/scss/splitter/_layout.scss +++ b/packages/default/scss/splitter/_layout.scss @@ -175,15 +175,6 @@ &.k-splitter-horizontal { flex-direction: row; - - &[dir="rtl"] { - > .k-splitbar { - > .k-collapse-next, - > .k-collapse-prev { - transform: scaleX(-1); - } - } - } } &.k-splitter-vertical { flex-direction: column; diff --git a/packages/default/scss/tabstrip/_layout.scss b/packages/default/scss/tabstrip/_layout.scss index f213cce9b68..837cd15417f 100644 --- a/packages/default/scss/tabstrip/_layout.scss +++ b/packages/default/scss/tabstrip/_layout.scss @@ -372,11 +372,6 @@ > .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/calendar/_layout.scss b/packages/fluent/scss/calendar/_layout.scss index c60d4bde8b3..dda86cd2ebd 100644 --- a/packages/fluent/scss/calendar/_layout.scss +++ b/packages/fluent/scss/calendar/_layout.scss @@ -515,17 +515,4 @@ } } } - - - // RTL - .k-rtl .k-calendar, - [dir="rtl"] .k-calendar, - .k-calendar.k-rtl, - .k-calendar[dir="rtl"] { - - .k-calendar-nav-prev, - .k-calendar-nav-next { - transform: scaleX(-1); - } - } } diff --git a/packages/fluent/scss/icon/_layout.scss b/packages/fluent/scss/icon/_layout.scss index e9c3be0617c..a5ef0971c40 100644 --- a/packages/fluent/scss/icon/_layout.scss +++ b/packages/fluent/scss/icon/_layout.scss @@ -31,19 +31,6 @@ height: 1em; } - // RTL icons - .k-rtl, - [dir="rtl"] { - .k-i-indent-increase, - .k-i-indent-decrease, - .k-i-caret-alt-right, - .k-i-caret-alt-left, - .k-svg-i-caret-alt-right, - .k-svg-i-caret-alt-left { - transform: scaleX(-1); - } - } - .k-icon-action { padding: var( --kendo-icon-padding, 0 ); cursor: pointer; diff --git a/packages/fluent/scss/listbox/_layout.scss b/packages/fluent/scss/listbox/_layout.scss index bc994346174..d7d9fc5bf93 100644 --- a/packages/fluent/scss/listbox/_layout.scss +++ b/packages/fluent/scss/listbox/_layout.scss @@ -74,15 +74,6 @@ .k-ghost { opacity: .5; } - - .k-rtl &, - &[dir="rtl"], - [dir="rtl"] & { - - .k-listbox-actions .k-button-icon { - transform: scaleX(-1); - } - } } .k-item { diff --git a/packages/fluent/scss/listgroup/_layout.scss b/packages/fluent/scss/listgroup/_layout.scss index e30836fb275..8b9b63f933d 100644 --- a/packages/fluent/scss/listgroup/_layout.scss +++ b/packages/fluent/scss/listgroup/_layout.scss @@ -162,11 +162,6 @@ > .k-select { right: auto; left: 0; - - .k-icon, - .k-svg-icon { - transform: scaleX(-1); - } } } @@ -177,11 +172,6 @@ > .k-select { border-right-width: 1px; border-left-width: 0; - - .k-icon, - .k-svg-icon { - transform: scaleX(-1); - } } } diff --git a/packages/fluent/scss/pager/_layout.scss b/packages/fluent/scss/pager/_layout.scss index 5f79a4a14d7..1356df46cda 100644 --- a/packages/fluent/scss/pager/_layout.scss +++ b/packages/fluent/scss/pager/_layout.scss @@ -32,14 +32,6 @@ box-sizing: border-box; } - .k-rtl &, - &[dir="rtl"], - [dir="rtl"] & { - .k-pager-nav .k-button-icon { - transform: scaleX(-1); - } - } - } diff --git a/packages/fluent/scss/scheduler/_layout.scss b/packages/fluent/scss/scheduler/_layout.scss index 3bc1b55cfd1..6671b2de77d 100644 --- a/packages/fluent/scss/scheduler/_layout.scss +++ b/packages/fluent/scss/scheduler/_layout.scss @@ -928,14 +928,6 @@ .k-rtl { .k-scheduler, &.k-scheduler { - .k-i-caret-alt-left, - .k-i-caret-alt-right, - .k-i-arrow-60-left, - .k-i-arrow-60-right, - .k-current-time-arrow-right { - transform: scaleX(-1); - } - .k-scheduler-agendaday { float: right; margin: 0 0 0 .2em; diff --git a/packages/fluent/scss/scrollview/_layout.scss b/packages/fluent/scss/scrollview/_layout.scss index 9a700fa998d..748ce250a95 100644 --- a/packages/fluent/scss/scrollview/_layout.scss +++ b/packages/fluent/scss/scrollview/_layout.scss @@ -191,15 +191,4 @@ pointer-events: none; } } - - .k-rtl, - [dir="rtl"] { - .k-scrollview-prev, - .k-scrollview-next { - .k-icon, - .k-svg-icon { - transform: scaleX(-1); - } - } - } } diff --git a/packages/fluent/scss/slider/_layout.scss b/packages/fluent/scss/slider/_layout.scss index eb4f28d5961..f45cb3edf57 100644 --- a/packages/fluent/scss/slider/_layout.scss +++ b/packages/fluent/scss/slider/_layout.scss @@ -348,13 +348,6 @@ .k-label { transform: translateX(50%); } - - .k-button-increase .k-icon, - .k-button-increase .k-svg-icon, - .k-button-decrease .k-icon, - .k-button-decrease .k-svg-icon { - transform: scaleX(-1); - } } &.k-vertical-slider { diff --git a/packages/fluent/scss/splitter/_layout.scss b/packages/fluent/scss/splitter/_layout.scss index 35d88176471..8fe9a3edca6 100644 --- a/packages/fluent/scss/splitter/_layout.scss +++ b/packages/fluent/scss/splitter/_layout.scss @@ -182,15 +182,6 @@ &.k-splitter-horizontal { flex-direction: row; - - &[dir="rtl"] { - > .k-splitbar { - > .k-collapse-next, - > .k-collapse-prev { - transform: scaleX(-1); - } - } - } } &.k-splitter-vertical { flex-direction: column; diff --git a/packages/fluent/scss/tabstrip/_layout.scss b/packages/fluent/scss/tabstrip/_layout.scss index 2c9b1bab9bf..6259f7a5fee 100644 --- a/packages/fluent/scss/tabstrip/_layout.scss +++ b/packages/fluent/scss/tabstrip/_layout.scss @@ -339,11 +339,6 @@ > .k-tabstrip-content { order: 0; } } - .k-tabstrip-prev .k-button-icon, - .k-tabstrip-next .k-button-icon { - transform: scaleX(-1); - } - } } diff --git a/packages/nouvelle/scss/icon/_layout.scss b/packages/nouvelle/scss/icon/_layout.scss index 6ab4634b78f..b714b5d965a 100644 --- a/packages/nouvelle/scss/icon/_layout.scss +++ b/packages/nouvelle/scss/icon/_layout.scss @@ -56,16 +56,6 @@ $ki-icon-size: $kendo-icon-size; cursor: pointer; } - // RTL icons - .k-rtl .k-i-indent-increase, - .k-rtl .k-i-indent-decrease, - .k-rtl .k-i-caret-alt-right, - .k-rtl .k-i-caret-alt-down, - [dir="rtl"] .k-i-caret-alt-right, - [dir="rtl"] .k-i-caret-alt-down { - transform: scaleX(-1); - } - .k-sprite { display: inline-block; width: 16px; diff --git a/packages/nouvelle/scss/slider/_layout.scss b/packages/nouvelle/scss/slider/_layout.scss index 8c47d4274f2..b92eb27c6b0 100644 --- a/packages/nouvelle/scss/slider/_layout.scss +++ b/packages/nouvelle/scss/slider/_layout.scss @@ -337,11 +337,6 @@ .k-label { transform: translateX(50%); } - - .k-button-increase .k-icon, - .k-button-decrease .k-icon { - transform: scaleX(-1); - } } &.k-vertical-slider { diff --git a/packages/nouvelle/scss/tabstrip/_layout.scss b/packages/nouvelle/scss/tabstrip/_layout.scss index 8d254819384..856ca6c11ad 100644 --- a/packages/nouvelle/scss/tabstrip/_layout.scss +++ b/packages/nouvelle/scss/tabstrip/_layout.scss @@ -373,11 +373,6 @@ > .k-tabstrip-content { order: 0; } } - .k-tabstrip-prev, - .k-tabstrip-next { - transform: scaleX(-1); - } - } }