javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(rtl): updates searchbar, fab and toggle icon positioning in rtl (#18325)

Browse Source 
- fixes tab badge (in Chrome)
- fixes searchbar buttons
- fixes fab positioning
- fixes toggle

references #17012
This commit is contained in:
Brandy Carney
2019-05-21 17:20:45 -04:00
committed by GitHub
parent 4339ec3aa9
commit 845def82f5
2 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/themes/ionic.functions.string.scss
View File

@ -93,6 +93,7 @@
// --> :host-context([dir=rtl]) // --> :host-context([dir=rtl])
// //
// @include add-root-selector("[dir=rtl]", ":host(.fixed)") // @include add-root-selector("[dir=rtl]", ":host(.fixed)")
// --> :host-context([dir=rtl]):host(.fixed)
// --> :host-context([dir=rtl]).fixed // --> :host-context([dir=rtl]).fixed
// //
// @include add-root-selector("[dir=rtl]", ":host(.tab-layout-icon-hide) ::slotted(ion-badge)") // @include add-root-selector("[dir=rtl]", ":host(.tab-layout-icon-hide) ::slotted(ion-badge)")
@ -112,6 +113,9 @@
// If the selector contains :host( it means it is targeting a class on the host // If the selector contains :host( it means it is targeting a class on the host
// element so we need to change how we target it // element so we need to change how we target it
@if str-contains($selector, ":host(") { @if str-contains($selector, ":host(") {
$shadow-element: str-replace($selector, ":host(", ":host-context(#{$addHostSelector}):host(");
$list: append($list, $shadow-element, comma);
$new-element: (); $new-element: ();
$elements: str-split($selector, " "); $elements: str-split($selector, " ");

3
core/src/themes/ionic.mixins.scss
View File

@ -286,6 +286,9 @@
right: $end; right: $end;
} }
@include rtl() { @include rtl() {
left: unset;
right: unset;
left: $end; left: $end;
right: $start; right: $start;
} }