Skip to content
Permalink
Browse files

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

…18325)

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

references #17012
  • Loading branch information...
brandyscarney committed May 21, 2019
1 parent 4339ec3 commit 845def82f58e7a4900ead595b64061ee94e03312
Showing with 7 additions and 0 deletions.
  1. +4 −0 core/src/themes/ionic.functions.string.scss
  2. +3 −0 core/src/themes/ionic.mixins.scss
@@ -93,6 +93,7 @@
// --> :host-context([dir=rtl])
//
// @include add-root-selector("[dir=rtl]", ":host(.fixed)")
// --> :host-context([dir=rtl]):host(.fixed)
// --> :host-context([dir=rtl]).fixed
//
// @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
// element so we need to change how we target it
@if str-contains($selector, ":host(") {
$shadow-element: str-replace($selector, ":host(", ":host-context(#{$addHostSelector}):host(");
$list: append($list, $shadow-element, comma);

$new-element: ();
$elements: str-split($selector, " ");

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

left: $end;
right: $start;
}

0 comments on commit 845def8

Please sign in to comment.
You can’t perform that action at this time.