fix(VTimePicker): missing end circle in clock hand (#10415)

vuetifyjs · Feb 1, 2020 · 755c5b8 · 755c5b8
1 parent 7aa8aa0
commit 755c5b8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VTimePicker/VTimePickerClock.sass b/packages/vuetify/src/components/VTimePicker/VTimePickerClock.sass
@@ -60,7 +60,9 @@
 
     &:before
       background: transparent
-      border: $time-picker-clock-end-border
+      border-width: $time-picker-clock-end-border-width
+      border-style: $time-picker-clock-end-border-style
+      border-color: $time-picker-clock-end-border-color
       border-radius: 100%
       width: $time-picker-clock-end-size
       height: $time-picker-clock-end-size

diff --git a/packages/vuetify/src/components/VTimePicker/_variables.scss b/packages/vuetify/src/components/VTimePicker/_variables.scss
@@ -23,4 +23,6 @@ $time-picker-clock-end-top: -4px !default;
 $time-picker-clock-inner-hand-height: 14px !default;
 $time-picker-clock-inner-offset: 27px !default;
 $time-picker-ampm-padding: 10px !default;
-$time-picker-clock-end-border: 2px solid inherit !default;
+$time-picker-clock-end-border-width: 2px !default;
+$time-picker-clock-end-border-style: solid !default;
+$time-picker-clock-end-border-color: inherit !default;