Merge pull request #257 from nikitasinelnikov/master

Datepicker styles in popup
This commit is contained in:
Champ Camba
2017-04-04 09:01:08 +08:00
committed by GitHub
2 changed files with 75 additions and 1 deletions
+58 -1
View File
@@ -72,6 +72,16 @@
top: 8px;
color: #fff;
}
.um-popup .picker__nav--prev,
.um-popup .picker__nav--next {
position: absolute;
padding: .5em 1.25em;
width: 1em;
height: 1em;
box-sizing: content-box !important;
top: 8px;
color: #fff;
}
@media (min-width: 24.5em) {
.um .picker__nav--prev,
.um .picker__nav--next {
@@ -82,19 +92,33 @@
left: 0;
padding-right: 1.25em;
}
.um-popup .picker__nav--prev {
left: 0;
padding-right: 1.25em;
}
@media (min-width: 24.5em) {
.um .picker__nav--prev {
padding-right: 1.5em;
}
.um-popup .picker__nav--prev {
padding-right: 1.5em;
}
}
.um .picker__nav--next {
right: 0;
padding-left: 1.25em;
}
.um-popup .picker__nav--next {
right: 0;
padding-left: 1.25em;
}
@media (min-width: 24.5em) {
.um .picker__nav--next {
padding-left: 1.5em;
}
.um-popup .picker__nav--next {
padding-left: 1.5em;
}
}
.um .picker__nav--prev:before,
.um .picker__nav--next:before {
@@ -109,17 +133,43 @@
display: block;
margin: 0 auto;
}
.um-popup .picker__nav--prev:before,
.um-popup .picker__nav--next:before {
content: " ";
border-top: .5em solid transparent;
border-bottom: .5em solid transparent;
border-right: 0.5em solid #fff;
width: 0;
height: 0;
display: block;
margin: 0 auto;
}
.um .picker__nav--next:before {
border-right: 0;
border-left: 0.5em solid #fff;
}
.um-popup .picker__nav--next:before {
border-right: 0;
border-left: 0.5em solid #fff;
}
.um .picker__nav--prev:hover,
.um .picker__nav--next:hover {
cursor: pointer;
color: #fff;
}
.um-popup .picker__nav--prev:hover,
.um-popup .picker__nav--next:hover {
cursor: pointer;
color: #fff;
}
.um .picker__nav--disabled,
.um .picker__nav--disabled:hover,
.um .picker__nav--disabled:before,
@@ -127,6 +177,13 @@
cursor: default;
background: none;
}
.um-popup .picker__nav--disabled,
.um-popup .picker__nav--disabled:hover,
.um-popup .picker__nav--disabled:before,
.um-popup .picker__nav--disabled:before:hover {
cursor: default;
background: none;
}
/**
* The calendar table of dates
@@ -242,4 +299,4 @@
.um .picker__button--today:focus,
.um .picker__button--clear:focus {
cursor: pointer;
}
}
+17
View File
@@ -27,3 +27,20 @@
border-right: 0;
border-left: 0.75em solid #000000;
}
.um-popup .picker__nav--next {
right: auto;
left: -1em;
}
.um-popup .picker__nav--prev {
left: auto;
right: -1em;
}
.um-popup .picker__nav--next:before {
border-left: 0;
border-right: 0.75em solid #000000;
}
.um-popup .picker__nav--prev:before {
border-right: 0;
border-left: 0.75em solid #000000;
}