feat: Add --dp-border-color-focus css variable (resolves #863)

Jasenkoo · Jasenkoo · commit 9432c7fb2672 · 2024-05-12T13:04:48.000+02:00
diff --git a/src/VueDatePicker/style/components/_DatepickerInput.scss b/src/VueDatePicker/style/components/_DatepickerInput.scss
@@ -27,7 +27,7 @@
     opacity: 0.7;
   }
 
-  &:hover {
+  &:hover:not(.dp__input_focus) {
     border-color: var(--dp-border-color-hover);
   }
 }
@@ -37,7 +37,7 @@
 }
 
 .dp__input_focus {
-  border-color: var(--dp-border-color-hover);
+  border-color: var(--dp-border-color-focus);
 }
 
 .dp__disabled {
diff --git a/src/VueDatePicker/style/main.scss b/src/VueDatePicker/style/main.scss
@@ -58,6 +58,7 @@
   --dp-border-color: #2d2d2d;
   --dp-menu-border-color: #2d2d2d;
   --dp-border-color-hover: #aaaeb7;
+  --dp-border-color-focus: #aaaeb7;
   --dp-disabled-color: #737373;
   --dp-disabled-color-text: #d0d0d0;
   --dp-scroll-bar-background: #212121;
@@ -88,6 +89,7 @@
   --dp-border-color: #ddd;
   --dp-menu-border-color: #ddd;
   --dp-border-color-hover: #aaaeb7;
+  --dp-border-color-focus: #aaaeb7;
   --dp-disabled-color: #f6f6f6;
   --dp-scroll-bar-background: #f3f3f3;
   --dp-scroll-bar-color: #959595;

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@`
`27`	`27`	`opacity: 0.7;`
`28`	`28`	`}`
`29`	`29`
`30`		`- &:hover {`
	`30`	`+ &:hover:not(.dp__input_focus) {`
`31`	`31`	`border-color: var(--dp-border-color-hover);`
`32`	`32`	`}`
`33`	`33`	`}`
`@@ -37,7 +37,7 @@`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`.dp__input_focus {`
`40`		`- border-color: var(--dp-border-color-hover);`
	`40`	`+ border-color: var(--dp-border-color-focus);`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`.dp__disabled {`