2022-11-27 06:54:34 -06:00
|
|
|
/* Debug floating window */
|
|
|
|
#layer-preview .preview-canvas {
|
|
|
|
background-color: white;
|
|
|
|
width: 100%;
|
|
|
|
height: 150px;
|
|
|
|
}
|
2022-11-29 14:55:25 -06:00
|
|
|
|
|
|
|
#layer-manager .menu-container {
|
|
|
|
height: 200px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.layer-render-target {
|
|
|
|
position: fixed;
|
|
|
|
background-color: #466;
|
|
|
|
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.layer-render-target .collection {
|
|
|
|
position: absolute;
|
2023-01-09 22:02:19 -06:00
|
|
|
transform-origin: 0px 0px;
|
2022-11-29 14:55:25 -06:00
|
|
|
}
|
|
|
|
|
|
|
|
.layer-render-target .collection > .collection-input-overlay {
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
|
|
|
|
.layer-render-target canvas {
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
2022-12-04 13:22:35 -06:00
|
|
|
|
2023-01-08 15:21:08 -06:00
|
|
|
.overlay-canvas {
|
2022-12-04 13:22:35 -06:00
|
|
|
position: fixed;
|
|
|
|
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
|
|
z-index: 15;
|
|
|
|
}
|
|
|
|
|
|
|
|
#layer-render.pixelated canvas {
|
2022-12-04 14:02:46 -06:00
|
|
|
image-rendering: pixelated;
|
2022-12-04 13:22:35 -06:00
|
|
|
image-rendering: crisp-edges;
|
|
|
|
}
|
2022-12-27 15:50:00 -06:00
|
|
|
|
|
|
|
canvas.pixelated {
|
|
|
|
image-rendering: pixelated;
|
|
|
|
image-rendering: crisp-edges;
|
|
|
|
}
|