mirror/pixel-editor
1
0
Fork 0
mirror of https://github.com/lospec/pixel-editor.git synced 2023-08-10 21:12:51 +03:00
Code Issues Projects Releases Wiki Activity

Fixed colour picker css, must fix the rest

Browse Source
This commit is contained in:
unsettledgames
2021-01-07 00:04:48 +01:00
parent 5ab5ceb6b0
commit 8fb965ed5c
7 changed files with 331 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
views/pixel-editor.hbs
View File

@ -368,21 +368,7 @@
<!-- PALETTE -->
<div id = "palette-block">
<h1>Edit palette</h1>
<!--<div id = "palette-container" onresize="updateSizeData()">
<ul id = "palette-list">
<li style = "background-color:rgb(255,0,0);width:50px;height:50px;"></li>
<li style = "background-color:rgb(0,255,0);width:50px;height:50px;"></li>
</ul>
</div>-->
<!--
<div id="pb-options">
<ul id = "palette-options">
<li><button title="Add colours to palette" onclick="addColours()">{{svg "plus.svg" width="15px" height="15px"}}</button></li>
<li><button title="Remove colours from palette" onclick="removeColours()">{{svg "minus.svg" width="15px" height="15px"}}</button></li>
</ul>
</div>
-->
<div id = "colour-picker">
<div id = "cp-modes">
<button id="cp-rgb" class="cp-selected-mode" onclick="changePickerMode(this, 'rgb')">RGB</button>
@ -436,6 +422,20 @@
</div>
</div>
</div>
<div id = "palette-container" onresize="updateSizeData()">
<ul id = "palette-list">
<li style = "background-color:rgb(255,0,0);width:50px;height:50px;" onmousedown="startRampSelection(event)"
onmousemove="updateRampSelection(event)" onmouseup="endRampSelection(event)"></li>
<li style = "background-color:rgb(0,255,0);width:50px;height:50px;"onmousedown="startRampSelection(event)"
onmousemove="updateRampSelection(event)" onmouseup="endRampSelection(event)"></li>
</ul>
</div>
<div id="pb-options" class="update">
<button title="Add colours to palette" onclick="pbAddColours()">Add colours</button>
<button title="Remove colours from palette" onclick="pbRemoveColours()">Remove colours</button>
</div>
</div>
<div id="help">