84 lines
2.0 KiB
CSS
84 lines
2.0 KiB
CSS
.scene-tool-window {
|
|
--scene-tool-window-top: 5.75rem;
|
|
--scene-tool-window-right: 27rem;
|
|
position: fixed;
|
|
top: var(--scene-tool-window-top);
|
|
right: var(--scene-tool-window-right);
|
|
max-height: calc(100vh - var(--scene-tool-window-top) - 1.5rem);
|
|
}
|
|
|
|
.scene-tool-window--display {
|
|
--scene-tool-window-top: 7.75rem;
|
|
--scene-tool-window-right: 28.5rem;
|
|
}
|
|
|
|
.scene-tool-window--layers {
|
|
--scene-tool-window-top: 9.75rem;
|
|
--scene-tool-window-right: 30rem;
|
|
}
|
|
|
|
.scene-tool-window--layout {
|
|
--scene-tool-window-top: 11.75rem;
|
|
--scene-tool-window-right: 31.5rem;
|
|
}
|
|
|
|
.nodedc-overlay:has(> .scene-tool-window[data-scene-active="true"]) {
|
|
z-index: calc(var(--nodedc-layer-overlay) + 1);
|
|
}
|
|
|
|
.nodedc-overlay[data-placement="center"] {
|
|
z-index: calc(var(--nodedc-layer-overlay) + 2);
|
|
}
|
|
|
|
.scene-window-state {
|
|
display: inline-flex;
|
|
min-width: 0;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
color: var(--nodedc-text-secondary);
|
|
font-size: var(--nodedc-font-size-sm);
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.scene-window-code {
|
|
display: block;
|
|
overflow: hidden;
|
|
border-radius: var(--nodedc-radius-control-compact);
|
|
background: var(--nodedc-field-bg);
|
|
color: var(--nodedc-text-secondary);
|
|
padding: 0.72rem 0.8rem;
|
|
font-size: var(--nodedc-font-size-xs);
|
|
line-height: 1.35;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.scene-window-note {
|
|
margin: 0;
|
|
color: var(--nodedc-text-muted);
|
|
font-size: var(--nodedc-font-size-xs);
|
|
line-height: 1.5;
|
|
}
|
|
|
|
@media (max-width: 44rem) {
|
|
.scene-tool-window,
|
|
.scene-tool-window--display,
|
|
.scene-tool-window--layers,
|
|
.scene-tool-window--layout {
|
|
--scene-tool-window-top: 4.75rem;
|
|
--scene-tool-window-right: 0.875rem;
|
|
max-height: calc(100vh - 5.625rem);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 44.01rem) and (max-width: 70rem) {
|
|
.scene-tool-window,
|
|
.scene-tool-window--display,
|
|
.scene-tool-window--layers,
|
|
.scene-tool-window--layout {
|
|
--scene-tool-window-top: 13.5rem;
|
|
--scene-tool-window-right: 1.5rem;
|
|
max-height: calc(100vh - 15rem);
|
|
}
|
|
}
|