mirror of
https://github.com/tenrok/vue2-datepicker.git
synced 2026-06-20 22:40:36 +03:00
Merge pull request #512 from Mishkoo93/Mishkoo93-patch-1
style: input border radius + sidebar wide
This commit is contained in:
@@ -52,7 +52,7 @@
|
|||||||
color: $input-color;
|
color: $input-color;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid $input-border-color;
|
border: 1px solid $input-border-color;
|
||||||
border-radius: 4px;
|
border-radius: $input-border-radius;
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
@@ -111,13 +111,13 @@
|
|||||||
.#{$namespace}-datepicker-sidebar {
|
.#{$namespace}-datepicker-sidebar {
|
||||||
float: left;
|
float: left;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100px;
|
width: $sidebar-margin-left;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.#{$namespace}-datepicker-sidebar + .#{$namespace}-datepicker-content {
|
.#{$namespace}-datepicker-sidebar + .#{$namespace}-datepicker-content {
|
||||||
margin-left: 100px;
|
margin-left: $sidebar-margin-left;
|
||||||
border-left: 1px solid $border-color;
|
border-left: 1px solid $border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -30,3 +30,6 @@ $time-active-background-color: transparent !default;
|
|||||||
|
|
||||||
$time-hover-color: $default-color !default;
|
$time-hover-color: $default-color !default;
|
||||||
$time-hover-background-color: mix(#fff, $calendar-active-background-color, 95%) !default;
|
$time-hover-background-color: mix(#fff, $calendar-active-background-color, 95%) !default;
|
||||||
|
|
||||||
|
$input-border-radius: 4px !default;
|
||||||
|
$sidebar-margin-left: 100px !default;
|
||||||
|
|||||||
Reference in New Issue
Block a user