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 {
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;
}
@media only screen and (max-width: 600px) {
.sidebar {
top: initial;
bottom: 0;
left: 0;
height: 45%;
width: 100%;
}
}
.close {
position: absolute;
top: 4px;