docs: update RTL examples

coreui · May 14, 2023 · ddc9c51 · ddc9c51
1 parent 97174ce
commit ddc9c51
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 8 deletions.
diff --git a/docs/assets/scss/docs-pickers.scss b/docs/assets/scss/docs-pickers.scss
@@ -0,0 +1,19 @@
+// fusv-disable
+$enable-ltr: false;
+$enable-rtl: true;
+// fusv-enable
+
+@import "../../../scss/functions";
+@import "../../../scss/variables";
+@import "../../../scss/variables-dark";
+@import "../../../scss/maps";
+@import "../../../scss/mixins";
+@import "../../../scss/utilities";
+
+// stylelint-disable selector-no-qualifying-type
+div[dir="rtl"] {
+ @import "../../../scss/calendar";
+ @import "../../../scss/date-picker";
+ @import "../../../scss/time-picker";
+}
+// stylelint-enable selector-no-qualifying-type
diff --git a/docs/content/forms/date-picker.md b/docs/content/forms/date-picker.md
@@ -164,19 +164,19 @@ RTL support is built-in and can be explicitly controlled through the `$enable-rt
 ### Hebrew
 
 {{< example >}}
-<div class="row">
+<div class="row" dir="rtl">
  <div class="col-lg-4">
- <div data-coreui-locale="he-IL" data-coreui-placeholder="בחר תאריך" data-coreui-toggle="date-picker" dir="rtl"></div>
+ <div data-coreui-locale="he-IL" data-coreui-placeholder="בחר תאריך" data-coreui-toggle="date-picker"></div>
  </div>
 </div>
 {{< /example >}}
 
 ### Persian
 
 {{< example >}}
-<div class="row">
+<div class="row" dir="rtl">
  <div class="col-lg-4">
- <div data-coreui-locale="fa-IR" data-coreui-placeholder="تاریخ شروع" data-coreui-toggle="date-picker" dir="rtl"></div>
+ <div data-coreui-locale="fa-IR" data-coreui-placeholder="تاریخ شروع" data-coreui-toggle="date-picker"></div>
  </div>
 </div>
 {{< /example >}}

diff --git a/docs/content/forms/date-range-picker.md b/docs/content/forms/date-range-picker.md
@@ -233,19 +233,19 @@ RTL support is built-in and can be explicitly controlled through the `$enable-rt
 ### Hebrew
 
 {{< example >}}
-<div class="row">
+<div class="row" dir="rtl">
  <div class="col-lg-5">
- <div data-coreui-locale="he-IL" data-coreui-placeholder="בחר תאריך,תאריך סיום" data-coreui-toggle="date-range-picker" dir="rtl"></div>
+ <div data-coreui-locale="he-IL" data-coreui-placeholder="בחר תאריך,תאריך סיום" data-coreui-toggle="date-range-picker"></div>
  </div>
 </div>
 {{< /example >}}
 
 ### Persian
 
 {{< example >}}
-<div class="row">
+<div class="row" dir="rtl">
  <div class="col-lg-5">
- <div data-coreui-locale="fa-IR" data-coreui-placeholder="تاریخ شروع,تاریخ پایان" data-coreui-toggle="date-range-picker" dir="rtl"></div>
+ <div data-coreui-locale="fa-IR" data-coreui-placeholder="تاریخ شروع,تاریخ پایان" data-coreui-toggle="date-range-picker"></div>
  </div>
 </div>
 {{< /example >}}

diff --git a/docs/layouts/partials/stylesheet.html b/docs/layouts/partials/stylesheet.html
@@ -25,4 +25,8 @@
 {{- $style := resources.Get "scss/docs.scss" | toCSS $sassOptions | postCSS $postcssOptions }}
 
 <link href="{{ $style.Permalink | relURL }}" rel="stylesheet">
+
+{{- $stylePickers := resources.Get "scss/docs-pickers.scss" | toCSS }}
+
+<link href="{{ $stylePickers.Permalink | relURL }}" rel="stylesheet">
 {{- end }}