fix(view): resolve layout error for rtl languages

sumcumo · Dec 4, 2019 · 4f6be9e · 4f6be9e
1 parent f7d4f5c
commit 4f6be9e
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/components/PickerDay.vue b/src/components/PickerDay.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="picker-view">
     <slot name="beforeCalendarHeaderDay" />
     <PickerHeader
       :config="headerConfig"

diff --git a/src/components/PickerMonth.vue b/src/components/PickerMonth.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="picker-view">
     <slot name="beforeCalendarHeaderMonth" />
     <PickerHeader
       :config="headerConfig"

diff --git a/src/components/PickerYear.vue b/src/components/PickerYear.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="picker-view">
     <slot name="beforeCalendarHeaderYear" />
     <PickerHeader
       :config="headerConfig"

diff --git a/src/styles/style.scss b/src/styles/style.scss
@@ -161,6 +161,10 @@
   .year {
     width: 33.333%;
   }
+
+  .picker-view {
+    width: inherit;
+  }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -161,6 +161,10 @@ @@
       .year {
         width: 33.333%;
       }
+      .picker-view {
+        width: inherit;
+      }
     }
@@ Expand Down @@