diff --git a/css/pixel-editor.scss b/css/pixel-editor.scss index f924db2..2a0b4e3 100644 --- a/css/pixel-editor.scss +++ b/css/pixel-editor.scss @@ -1102,6 +1102,26 @@ svg { width:400px; justify-content: center; } + + select { + height:30px; + background-color: $basehover; + color: $basehovericon; + border:none; + position:relative; + left:10px; + + option { + background-color: $basehover; + color:$basehovericon; + padding:5px; + } + + option:checked, option:hover { + background-color: $basehovericon; + color:$basehovericonhover; + } + } } #rs-keep-ratio { diff --git a/js/_layer.js b/js/_layer.js index da9853c..75c7351 100644 --- a/js/_layer.js +++ b/js/_layer.js @@ -184,8 +184,8 @@ class Layer { setCanvasOffset (offsetLeft, offsetTop) { //horizontal offset - var minXOffset = -this.canvasSize[0] * zoom + 300; - var maxXOffset = window.innerWidth - 148; + var minXOffset = -this.canvasSize[0] * zoom; + var maxXOffset = window.innerWidth - 300; if (offsetLeft < minXOffset) this.canvas.style.left = minXOffset +'px'; diff --git a/js/_newPixel.js b/js/_newPixel.js index 06a780d..d32256f 100644 --- a/js/_newPixel.js +++ b/js/_newPixel.js @@ -39,7 +39,12 @@ function newPixel (width, height, editorMode, fileContent = null) { layers[1] = new Layer(width, height, layers[1].canvas, layers[1].menuEntry); currentLayer = layers[1]; - currentLayer.canvas.style.zIndex = 2; + currentLayer.canvas.style.zIndex = 2; + + // Updating canvas size + for (let i=0; i Keep current ratio + + Resizing algorithm: + +