mirror
/
pixel-editor
mirror of https://github.com/lospec/pixel-editor.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

made the max canvas size visible at all times. Made the font smaller

This commit is contained in:
sirizarry 2023-02-19 15:51:52 -06:00
parent 2cc5b0b338
commit 94159f96cd
4 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/_new-pixel.scss
View File

@ -25,8 +25,10 @@
}
}
.canvasError {
display: none;
.max-canvas-size {
color: #b3adb6;
margin-top: 0;
font-size: 12px;
}
#no-palette-button {

5
js/pixel-editor.js
View File

@ -87,14 +87,9 @@ window.onload = function () {
const maxCanvasSize = 5000;
if (e.target.value > maxCanvasSize) {
e.target.value = maxCanvasSize;
// Display a simple error message to inform the user of the canvas size limit
let canvasError = document.querySelector('.canvasError')
canvasError.style.display = 'block';
}
}, true);
}
// let canvasWidth = canvasSizeInputs[0]
// canvasSizeInputs.addEventListener('size-input', validateInput)
}
// Apply checkboxes

2
views/popups/new-pixel.hbs
View File

@ -9,7 +9,7 @@
<div id="preset-menu" class="dropdown-menu"></div>
<h2>Size</h2>
<h4 class="canvasError">Max canvas size is 5000px</h4>
<h4 class="max-canvas-size">Max canvas size is 5000 x 5000</h4>
<input id="size-width" class="size-input" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" />{{svg "x.svg" width="16" height="16" class="dimentions-x"}}<input id="size-height" class="size-input" value="{{#if height}}{{height}}{{else}}64{{/if}}" autocomplete="off" />
<h2>Palette</h2>
<button id="palette-button" class="dropdown-button">Choose a palette...</button>

2
views/popups/splash-page.hbs
View File

@ -24,8 +24,8 @@
<h1>New Custom Pixel</h1>
<h2>Size</h2>
<h4 class="max-canvas-size">Max canvas size is 5000 x 5000</h4>
<div class="sp-np-entry">
<h4 class="canvasError">Max canvas size is 5000px</h4>
<input id="size-width-splash" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" class="size-input"/>{{svg "x.svg" width="16" height="16" class="dimentions-x"}}<input id="size-height-splash" value="{{#if height}}{{height}}{{else}}64{{/if}}" autocomplete="off" class="size-input"/>
</div>