fix(segment): update segment border for rtl (#18326)

references #17012
ionic-team · May 21, 2019 · 805b225 · 805b225
1 parent 845def8
commit 805b225
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/core/src/components/segment-button/segment-button.scss b/core/src/components/segment-button/segment-button.scss
@@ -71,6 +71,11 @@
 }
 
 :host(:not(:first-of-type)) {
+  @include rtl() {
+    border-right-width: 0;
+    border-left-width: var(--border-width);
+  }
+
   border-left-width: 0;
 }
 

diff --git a/core/src/themes/ionic.functions.string.scss b/core/src/themes/ionic.functions.string.scss
@@ -121,10 +121,16 @@
 
       @each $element in $elements {
         @if str-contains($element, ":host(") {
-          $updated-element: str-replace($element, ")", "");
-          $updated-element: str-replace($updated-element, ":host(", ":host-context(#{$addHostSelector})");
+          $scoped-element: $element;
 
-          $new-element: append($new-element, $updated-element, space);
+          @if str-contains($element, "))") {
+            $scoped-element: str-replace($scoped-element, "))", ")");
+          } @else {
+            $scoped-element: str-replace($scoped-element, ")", "");
+          }
+          $scoped-element: str-replace($scoped-element, ":host(", ":host-context(#{$addHostSelector})");
+
+          $new-element: append($new-element, $scoped-element, space);
         } @else {
           $new-element: append($new-element, $element, space);
         }