Layers:Review:Renamed layers canvases css classes to layers-above/below-canvas

This commit is contained in:
jdescottes 2013-09-29 23:05:24 +02:00
parent bcf34e6e55
commit 17ba93cc9f
2 changed files with 16 additions and 11 deletions

View File

@ -72,10 +72,6 @@ body {
font-size: 0; font-size: 0;
} }
.layers-canvas {
opacity: 0.2;
}
.sticky-section { .sticky-section {
position: fixed; position: fixed;
top: 0; top: 0;
@ -144,6 +140,9 @@ body {
background: url(../img/canvas_background/lowcont_dark_canvas_background.png) repeat; background: url(../img/canvas_background/lowcont_dark_canvas_background.png) repeat;
} }
.layers-canvas {
opacity: 0.2;
}
.canvas.canvas-overlay, .canvas.canvas-overlay,
.canvas.layers-canvas { .canvas.layers-canvas {
@ -152,11 +151,17 @@ body {
left: 0; left: 0;
} }
.canvas.layers-down-canvas {z-index: 7;} /**
.canvas.drawing-canvas {z-index: 8;} * Z-indexes should match the drawing area canvas superposition order :
.canvas.layers-up-canvas {z-index: 9;} * - 1 : draw layers below current layer
.canvas.canvas-overlay {z-index: 10;} * - 2 : draw current layer
* - 3 : draw layers above current layer
* - 4 : draw the tools overlay
*/
.canvas.layers-below-canvas {z-index: 7;}
.canvas.drawing-canvas {z-index: 8;}
.canvas.layers-above-canvas {z-index: 9;}
.canvas.canvas-overlay {z-index: 10;}
/** /**
* Animated preview styles. * Animated preview styles.

View File

@ -24,8 +24,8 @@
this.overlayRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "canvas-overlay"); this.overlayRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "canvas-overlay");
this.renderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "drawing-canvas"); this.renderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "drawing-canvas");
this.layersDownRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "layers-canvas layers-down-canvas"); this.layersDownRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "layers-canvas layers-below-canvas");
this.layersUpRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "layers-canvas layers-up-canvas"); this.layersUpRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "layers-canvas layers-above-canvas");
// State of drawing controller: // State of drawing controller: