refactor: Move direction property to css variable (fixes #943)

Jasenkoo · Jasenkoo · commit f4361744ed3a · 2024-07-18T22:09:08.000+02:00
diff --git a/src/VueDatePicker/style/main.scss b/src/VueDatePicker/style/main.scss
@@ -43,6 +43,7 @@
   --dp-time-font-size: 2rem;
   --dp-action-button-height: 22px;
   --dp-action-row-padding: 8px;
+  --dp-direction: ltr;
 }
 
 .dp__theme_dark {
@@ -127,7 +128,7 @@
 }
 
 .dp__main * {
-  direction: ltr !important;
+  direction: var(--dp-direction, ltr);
 }
 
 .dp__pointer {

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,7 @@`
`43`	`43`	`--dp-time-font-size: 2rem;`
`44`	`44`	`--dp-action-button-height: 22px;`
`45`	`45`	`--dp-action-row-padding: 8px;`
	`46`	`+ --dp-direction: ltr;`
`46`	`47`	`}`
`47`	`48`
`48`	`49`	`.dp__theme_dark {`
`@@ -127,7 +128,7 @@`
`127`	`128`	`}`
`128`	`129`
`129`	`130`	`.dp__main * {`
`130`		`- direction: ltr !important;`
	`131`	`+ direction: var(--dp-direction, ltr);`
`131`	`132`	`}`
`132`	`133`
`133`	`134`	`.dp__pointer {`