style: simplify map area styles
This commit is contained in:
parent
6ba26cb792
commit
2e2ed1b217
18
css/map.css
18
css/map.css
@ -21,12 +21,8 @@
|
|||||||
/* Map Area */
|
/* Map Area */
|
||||||
.map-area {
|
.map-area {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: 0; /* This is important for flex layout calculations */
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
transition: transform 0.3s ease;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar-header {
|
.sidebar-header {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@ -298,12 +294,6 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Map Area */
|
|
||||||
.map-area {
|
|
||||||
flex: 1;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#map {
|
#map {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -512,22 +502,22 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
transform: translateX(-100%);
|
transform: translateX(-100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar.active {
|
.sidebar.active {
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-container {
|
.app-container {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.map-controls {
|
.map-controls {
|
||||||
top: auto;
|
top: auto;
|
||||||
bottom: 20px;
|
bottom: 20px;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mode-indicator {
|
.mode-indicator {
|
||||||
top: 10px;
|
top: 10px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user