fix(map): align canonical map actions

This commit is contained in:
DCCONSTRUCTIONS
2026-07-29 17:00:50 +03:00
parent 8e3710b493
commit f2a4dfe863
3 changed files with 69 additions and 59 deletions
+31 -8
View File
@@ -39,19 +39,37 @@
max-width: min(58%, 42rem);
}
.mission-map__toolbar {
.mission-map__map-actions {
position: absolute;
z-index: 4;
right: 50%;
bottom: 1rem;
left: auto;
transform: translateX(50%);
z-index: 5;
top: 1rem;
right: 1rem;
display: flex;
gap: 0.5rem;
}
.mission-map__map-action.nodedc-icon-button {
background: var(--nodedc-map-glass-bg);
color: var(--nodedc-map-glass-text);
box-shadow: var(--nodedc-glass-dropdown-shadow);
backdrop-filter: blur(var(--nodedc-blur-control));
-webkit-backdrop-filter: blur(var(--nodedc-blur-control));
}
.mission-map__map-action.nodedc-icon-button:hover:not(:disabled) {
background: var(--nodedc-map-glass-hover);
color: var(--nodedc-map-glass-text);
}
.mission-map__map-action.nodedc-icon-button[aria-pressed="true"] {
background: var(--nodedc-map-glass-active);
color: var(--nodedc-glass-control-active-text);
}
.mission-map__layers {
position: absolute;
z-index: 5;
top: 1rem;
top: calc(1rem + var(--nodedc-icon-button-size) + 0.6rem);
right: 1rem;
display: grid;
width: min(23rem, calc(100% - 2rem));
@@ -180,8 +198,13 @@
}
.mission-map__layers {
top: 0.65rem;
top: calc(0.65rem + var(--nodedc-icon-button-size) + 0.6rem);
right: 0.65rem;
width: calc(100% - 1.3rem);
}
.mission-map__map-actions {
top: 0.65rem;
right: 0.65rem;
}
}