forked from MapComplete/MapComplete
More fixes
This commit is contained in:
parent
2ae380f1a6
commit
9a73ae4c47
21 changed files with 203 additions and 148 deletions
|
|
@ -2,19 +2,14 @@
|
|||
Contains tweaks for small screens
|
||||
*/
|
||||
|
||||
.only-on-mobile {
|
||||
display: none !important;
|
||||
background-color: var(--background-color);
|
||||
color: var(--foreground-color);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px), only screen and (max-height: 600px) {
|
||||
@media only screen and (min-width: 769px) {
|
||||
|
||||
.only-on-mobile {
|
||||
display: unset !important;
|
||||
background-color: var(--background-color);
|
||||
color: var(--foreground-color);
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px), only screen and (max-height: 768px) {
|
||||
|
||||
|
||||
.hidden-on-mobile {
|
||||
display: none !important;
|
||||
|
|
|
|||
|
|
@ -1,18 +0,0 @@
|
|||
|
||||
|
||||
|
||||
.slick-carousel-content {
|
||||
width: 300px;
|
||||
max-height: var(--image-carousel-height);
|
||||
display: block;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.slick-carousel-content img {
|
||||
/**
|
||||
Workaround to patch images within a slick carousel
|
||||
*/
|
||||
height: var(--image-carousel-height);
|
||||
width: auto;
|
||||
}
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue