Style improvements for mobile
This commit is contained in:
parent
c79f8b5f8b
commit
cd16f45d8e
28 changed files with 345 additions and 120 deletions
|
|
@ -1,21 +1,23 @@
|
|||
.leaflet-container {
|
||||
@import '../../stylesheets/mixins';
|
||||
|
||||
.selectionmap-leaflet-container {
|
||||
height: 100%;
|
||||
min-height: 60vh;
|
||||
width: 100%;
|
||||
min-width: 75vw;
|
||||
/* min-width: 75vw; */
|
||||
display: flex;
|
||||
margin: 30px auto;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
div.leaflet-container {
|
||||
div.selectionmap-leaflet-container {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 400px) {
|
||||
.leaflet-container {
|
||||
height: 400px;
|
||||
width: 85vw;
|
||||
@include breakpoint(mobile) {
|
||||
.selectionmap-leaflet-container {
|
||||
height: 80%;
|
||||
min-width: 90vw;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue