thallada/modmapper-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Put sidebar on bottom half of small screens

Browse Source
This commit is contained in:
Tyler Hallada 2022-01-23 13:06:13 -05:00
parent 7983e0d30b
commit c417222e2c
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
styles/Map.module.css
View File

@ -14,3 +14,11 @@
.map-wrapper-sidebar-open { .map-wrapper-sidebar-open {
margin-left: 300px; margin-left: 300px;
} }
@media only screen and (max-width: 600px) {
.map-wrapper-sidebar-open {
margin-left: initial;
margin-bottom: 45%;
height: 55%;
}
}

10
styles/Sidebar.module.css
View File

@ -11,6 +11,16 @@
border-right: 1px solid #222222; border-right: 1px solid #222222;
} }
@media only screen and (max-width: 600px) {
.sidebar {
top: initial;
bottom: 0;
left: 0;
height: 45%;
width: 100%;
}
}
.close { .close {
position: absolute; position: absolute;
top: 4px; top: 4px;