feat: drawer-open now works in RTL mode.

fix: #1951 fix: #1974 fix: #2034 fix: #2060 fix: #2094 fix: #2229
saadeghi · Sep 6, 2023 · 5162ff3 · 5162ff3
1 parent 8898929
commit 5162ff3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/src/components/unstyled/drawer.css b/src/components/unstyled/drawer.css
@@ -22,7 +22,7 @@
       @apply duration-300 ease-out transition;
       transform: translateX(-100%);
       [dir="rtl"] & {
-        transform: translateX(100%);
+        transform: translateX(-100%);
       }
     }
   }
@@ -44,13 +44,10 @@
         @apply col-start-1;
       }
       & ~ .drawer-side {
-        @apply justify-items-end;
-        & > *:not(.drawer-overlay) {
-          transform: translateX(100%);
-          [dir="rtl"] & {
-            transform: translateX(-100%);
-          }
-        }
+        @apply justify-items-end col-start-2;
+      }
+      & ~ .drawer-side > *:not(.drawer-overlay) {
+        transform: translateX(100%);
       }
       &:checked ~ .drawer-side > *:not(.drawer-overlay) {
         transform: translateX(0%);

diff --git a/src/experiments/playground/tailwind.config.js b/src/experiments/playground/tailwind.config.js
@@ -17,6 +17,6 @@ module.exports = {
     require("@tailwindcss/typography"),
     require("../../"),
     // require('daisyui'),
-    // require('tailwindcss-flip'),
+    // require("tailwindcss-flip"),
   ],
 }