fix(split-pane): show border in RTL mode

ataramez · Apr 8, 2020 · d03dccb · d03dccb
1 parent 6f13b8c
commit d03dccb
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/core/src/components/split-pane/split-pane.ios.scss b/core/src/components/split-pane/split-pane.ios.scss
@@ -11,6 +11,11 @@
 }
 
 :host(.split-pane-visible) ::slotted(.split-pane-side) {
+  @include rtl() {
+    border-right: 0;
+    border-left: var(--border);
+  }
+
   min-width: var(--side-min-width);
   max-width: var(--side-max-width);
 
@@ -19,6 +24,11 @@
 }
 
 :host(.split-pane-visible) ::slotted(.split-pane-side[side=end]) {
+  @include rtl() {
+    border-right: var(--border);
+    border-left: 0;
+  }
+
   min-width: var(--side-min-width);
   max-width: var(--side-max-width);
 

diff --git a/core/src/components/split-pane/split-pane.md.scss b/core/src/components/split-pane/split-pane.md.scss
@@ -11,6 +11,11 @@
 }
 
 :host(.split-pane-visible) ::slotted(.split-pane-side) {
+  @include rtl() {
+    border-right: 0;
+    border-left: var(--border);
+  }
+
   min-width: var(--side-min-width);
   max-width: var(--side-max-width);
 
@@ -19,6 +24,11 @@
 }
 
 :host(.split-pane-visible) ::slotted(.split-pane-side[side=end]) {
+  @include rtl() {
+    border-right: var(--border);
+    border-left: 0;
+  }
+
   min-width: var(--side-min-width);
   max-width: var(--side-max-width);