Adjustments to datepicker dropdown due to new mobile breakpoint.

This commit is contained in:
Mateus Machado Luna 2019-10-23 13:55:56 -03:00
parent 33c5549ca3
commit d203fad8a7
2 changed files with 8 additions and 9 deletions

View File

@ -68,7 +68,7 @@
}
}
&.is-mobile-modal {
@media screen and (max-width: 1088px) {
@media screen and (max-width: 768px) {
.dropdown-content {
max-height: 100vh;
}
@ -278,7 +278,7 @@
}
}
@media screen and (min-width: 1024px) {
@media screen and (min-width: 768px) {
.datepicker-header {
margin-bottom: 0.5rem;

View File

@ -203,7 +203,7 @@
}
.datepicker {
@media screen and (min-width: 1024px) {
@media screen and (min-width: 768px) {
.datepicker-header {
@ -211,20 +211,19 @@
max-width: 165px !important;
}
.pagination .pagination-list .control {
width: 74px !important;
width: 77px !important;
.select {
min-width: 100% !important;
min-width: 100% !important;
select {
padding-left: 1px !important;
font-size: 0.75rem !important;
height: 24px !important;
min-width: 100% !important;
&:not(.is-loading)::after {
margin-top: -13px !important;
}
}
&:not(.is-loading)::after {
margin-top: -13px !important;
}
}
}