- -
-
diff --git a/css/index.css b/css/index.css index 54843d5..fb1d977 100644 --- a/css/index.css +++ b/css/index.css @@ -104,31 +104,27 @@ body { grid-row-gap: 0px; } -.maskCanvasMonitor .overMaskCanvasMonitor .initImgCanvasMonitor { - position: absolute; -} - /* Mask colors for mask inversion */ /* Filters are some magic acquired at https://codepen.io/sosuke/pen/Pjoqqp */ -.maskPaintCanvas { +.mask-canvas { opacity: 0%; } -.maskPaintCanvas.display { +.mask-canvas.display { opacity: 40%; filter: invert(100%); } -.maskPaintCanvas.display.opaque { +.mask-canvas.display.opaque { opacity: 100%; } -.maskPaintCanvas.display.clear { +.mask-canvas.display.clear { filter: invert(71%) sepia(46%) saturate(6615%) hue-rotate(321deg) brightness(106%) contrast(100%); } -.maskPaintCanvas.display.hold { +.mask-canvas.display.hold { filter: invert(41%) sepia(16%) saturate(5181%) hue-rotate(218deg) brightness(103%) contrast(108%); } @@ -215,11 +211,6 @@ div.prompt-wrapper > textarea { margin: 0; padding: 0; - top: 0px; - bottom: 0px; - left: 0px; - right: 0; - resize: vertical; } @@ -228,7 +219,6 @@ div.prompt-wrapper > textarea:focus { } /* Tool buttons */ - .button-array { display: flex; justify-content: stretch; diff --git a/css/layers.css b/css/layers.css index 2041088..8675b29 100644 --- a/css/layers.css +++ b/css/layers.css @@ -4,3 +4,43 @@ width: 100%; height: 150px; } + +#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; +} + +.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; +} diff --git a/css/ui/toolbar.css b/css/ui/toolbar.css index bb69d01..39c9341 100644 --- a/css/ui/toolbar.css +++ b/css/ui/toolbar.css @@ -9,6 +9,10 @@ background-color: var(--c-primary); } +#ui-toolbar * { + user-select: none; +} + #ui-toolbar .handle { display: flex; align-items: center; diff --git a/index.html b/index.html index ef07ffa..2bc6877 100644 --- a/index.html +++ b/index.html @@ -191,123 +191,27 @@
- - - -