Skip to content

Commit

Permalink
fix: remove icons flipping styles in rtl
Browse files Browse the repository at this point in the history
  • Loading branch information
TeyaVes authored and Juveniel committed May 12, 2023
1 parent ab0d00d commit 7f5e54c
Show file tree
Hide file tree
Showing 24 changed files with 0 additions and 210 deletions.
12 changes: 0 additions & 12 deletions packages/default/scss/adaptive/_layout.scss
Expand Up @@ -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 {
Expand Down
5 changes: 0 additions & 5 deletions packages/default/scss/calendar/_layout.scss
Expand Up @@ -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");
Expand Down
13 changes: 0 additions & 13 deletions packages/default/scss/icons/_layout.scss
Expand Up @@ -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;
Expand Down
9 changes: 0 additions & 9 deletions packages/default/scss/listbox/_layout.scss
Expand Up @@ -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 {
Expand Down
10 changes: 0 additions & 10 deletions packages/default/scss/listgroup/_layout.scss
Expand Up @@ -154,11 +154,6 @@
> .k-select {
right: auto;
left: 0;

.k-icon,
.k-svg-icon {
transform: scaleX(-1);
}
}
}
}
Expand All @@ -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);
}
}
}
}
Expand Down
9 changes: 0 additions & 9 deletions packages/default/scss/pager/_layout.scss
Expand Up @@ -24,15 +24,6 @@
*::after {
box-sizing: border-box;
}

.k-rtl &,
&[dir="rtl"],
[dir="rtl"] & {
.k-pager-nav .k-button-icon {
transform: scaleX(-1);
}
}

}


Expand Down
7 changes: 0 additions & 7 deletions packages/default/scss/scheduler/_layout.scss
Expand Up @@ -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;
Expand Down
11 changes: 0 additions & 11 deletions packages/default/scss/scrollview/_layout.scss
Expand Up @@ -198,17 +198,6 @@
}
}

.k-rtl,
[dir="rtl"] {
.k-scrollview-prev,
.k-scrollview-next {
.k-icon,
.k-svg-icon {
transform: scaleX(-1);
}
}
}

}


Expand Down
7 changes: 0 additions & 7 deletions packages/default/scss/slider/_layout.scss
Expand Up @@ -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);
}
}
}

Expand Down
9 changes: 0 additions & 9 deletions packages/default/scss/splitter/_layout.scss
Expand Up @@ -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;
Expand Down
5 changes: 0 additions & 5 deletions packages/default/scss/tabstrip/_layout.scss
Expand Up @@ -372,11 +372,6 @@
> .k-tabstrip-content { order: 0; }
}

.k-tabstrip-prev .k-button-icon,
.k-tabstrip-next .k-button-icon {
transform: scaleX(-1);
}

}

}
Expand Down
13 changes: 0 additions & 13 deletions packages/fluent/scss/calendar/_layout.scss
Expand Up @@ -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);
}
}
}
13 changes: 0 additions & 13 deletions packages/fluent/scss/icon/_layout.scss
Expand Up @@ -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;
Expand Down
9 changes: 0 additions & 9 deletions packages/fluent/scss/listbox/_layout.scss
Expand Up @@ -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 {
Expand Down
10 changes: 0 additions & 10 deletions packages/fluent/scss/listgroup/_layout.scss
Expand Up @@ -162,11 +162,6 @@
> .k-select {
right: auto;
left: 0;

.k-icon,
.k-svg-icon {
transform: scaleX(-1);
}
}

}
Expand All @@ -177,11 +172,6 @@
> .k-select {
border-right-width: 1px;
border-left-width: 0;

.k-icon,
.k-svg-icon {
transform: scaleX(-1);
}
}

}
Expand Down
8 changes: 0 additions & 8 deletions packages/fluent/scss/pager/_layout.scss
Expand Up @@ -32,14 +32,6 @@
box-sizing: border-box;
}

.k-rtl &,
&[dir="rtl"],
[dir="rtl"] & {
.k-pager-nav .k-button-icon {
transform: scaleX(-1);
}
}

}


Expand Down
8 changes: 0 additions & 8 deletions packages/fluent/scss/scheduler/_layout.scss
Expand Up @@ -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;
Expand Down
11 changes: 0 additions & 11 deletions packages/fluent/scss/scrollview/_layout.scss
Expand Up @@ -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);
}
}
}
}
7 changes: 0 additions & 7 deletions packages/fluent/scss/slider/_layout.scss
Expand Up @@ -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 {

Expand Down
9 changes: 0 additions & 9 deletions packages/fluent/scss/splitter/_layout.scss
Expand Up @@ -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;
Expand Down
5 changes: 0 additions & 5 deletions packages/fluent/scss/tabstrip/_layout.scss
Expand Up @@ -339,11 +339,6 @@
> .k-tabstrip-content { order: 0; }
}

.k-tabstrip-prev .k-button-icon,
.k-tabstrip-next .k-button-icon {
transform: scaleX(-1);
}

}

}
10 changes: 0 additions & 10 deletions packages/nouvelle/scss/icon/_layout.scss
Expand Up @@ -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;
Expand Down
5 changes: 0 additions & 5 deletions packages/nouvelle/scss/slider/_layout.scss
Expand Up @@ -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 {

Expand Down
5 changes: 0 additions & 5 deletions packages/nouvelle/scss/tabstrip/_layout.scss
Expand Up @@ -373,11 +373,6 @@
> .k-tabstrip-content { order: 0; }
}

.k-tabstrip-prev,
.k-tabstrip-next {
transform: scaleX(-1);
}

}

}

0 comments on commit 7f5e54c

Please sign in to comment.