tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/admin/scss/_dropdown-and-autocomplete.scss
View File

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

7
src/classes/filter-types/tainacan-filter-item.vue
View File

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