Fix spacing/padding/overflow style issues

main
Chandler Swift 2023-07-28 08:14:48 -05:00
parent bfef3a2c71
commit 354d952567
Signed by: chandlerswift
GPG Key ID: A851D929D52FB93F
1 changed files with 14 additions and 3 deletions

View File

@ -1,5 +1,10 @@
@import "node_modules/ol/ol.css"; @import "node_modules/ol/ol.css";
html, body {
margin: 0;
padding: 0;
}
#map { #map {
position: absolute; position: absolute;
top: 0; top: 0;
@ -10,13 +15,19 @@
} }
.nav-open #map { .nav-open #map {
left: min(max(200px, 20%), 400px); left: min(max(300px, 20%), 400px);
} }
aside { aside {
width: min(max(200px, 20%), 400px); width: min(max(300px, 20%), 400px);
margin-left: max(min(-200px, -20%), -400px); margin-left: max(min(-300px, -20%), -400px);
transition: 0.25s; transition: 0.25s;
max-height: 100vh;
overflow-y: auto;
}
aside > div {
padding: 0 0.5em;
} }
.nav-open aside { .nav-open aside {