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

added number attribute, hid the weird arrows it adds. Added html attributes as well but kept my event listeners because sometimes those attributes don't work

This commit is contained in:
sirizarry 2023-02-19 16:21:02 -06:00
parent 94159f96cd
commit 3703f2eb06
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/_new-pixel.scss
View File

@ -31,6 +31,13 @@
font-size: 12px;
}
.size-input::-webkit-outer-spin-button,
.size-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#no-palette-button {
display: none;
}

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

@ -10,7 +10,7 @@
<h2>Size</h2>
<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" />
<input id="size-width" class="size-input" type="number" min="1" max="5000" 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>
<div id="palette-menu" class="dropdown-menu"><button id="no-palette-button">Empty Palette</button><button id="load-palette-button">Load palette...</button></div>

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

@ -26,7 +26,7 @@
<h2>Size</h2>
<h4 class="max-canvas-size">Max canvas size is 5000 x 5000</h4>
<div class="sp-np-entry">
<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"/>
<input id="size-width-splash" value="{{#if width}}{{width}}{{else}}64{{/if}}" autocomplete="off" class="size-input" type="number" min="1" max="5000"/>{{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" type="number" min="1" max="5000"/>
</div>
<h2>Palette</h2>