fix(map): align canonical map actions
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user