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

Final refinements

Browse Source
This commit is contained in:
Nicola 2022-10-24 13:06:41 +02:00
parent e51f510392
commit f9a87cc46e
2 changed files with 7 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/_colors-menu.scss
View File

@ -212,10 +212,11 @@
}
#colors-menu-settings {
width: 100%;
width: 98%;
padding: 0px 0px 0px 0px;
position:relative;
top:0px;
background: $basecolor;
button {
position:relative;
@ -224,7 +225,7 @@
margin-left:0px;
padding: 2px;
height:30px;
width:45.7%;
width:49%;
color: $basetext;
background: $basecolor;
border:none;

17
js/ColorModule.js
View File

@ -15,7 +15,7 @@ const ColorModule = (() => {
// Binding events to callbacks
document.getElementById('jscolor-hex-input').addEventListener('change',colorChanged, false);
document.getElementById('jscolor-hex-input').addEventListener('input', colorChanged, false);
document.getElementById('add-color-button').addEventListener('click', addColorButtonEvent, false);
document.getElementById('add-color-button').addEventListener('click', addColorButtonEvent);
Events.on("wheel", "colors-menu", resizeSquares);
Events.on("click", document.getElementById("cm-add"), addColorButtonEvent);
@ -152,11 +152,6 @@ const ColorModule = (() => {
*
*/
function addColorButtonEvent() {
if (EditorState.getCurrentMode() == "Advanced") {
Dialogue.showDialogue("palette-block");
return;
}
//generate random color
const newColor = new Color("hsv", Math.floor(Math.random()*360), Math.floor(Math.random()*100), Math.floor(Math.random()*100)).hex;
@ -172,11 +167,6 @@ const ColorModule = (() => {
//add history state
new HistoryState().AddColor(addedColor.firstElementChild.jscolor.toString());
//show color picker
addedColor.firstElementChild.jscolor.show();
//hide edit button
addedColor.lastChild.classList.add('hidden');
}
/** Adds the colors that have been added through the advanced-mode color picker to the
@ -271,6 +261,7 @@ const ColorModule = (() => {
Dialogue.showDialogue("palette-block", false);
});
if (!document.querySelector('#colors-menu li.selected'))
colorsMenu.children[0].classList.add('selected');
return listItem;
}
@ -492,9 +483,7 @@ const ColorModule = (() => {
}
}
//create palette from colors array
createColorPalette(colorPaletteArray);
return colorPaletteArray;
}
function updateCurrentColor(color, refLayer) {