Skip to content

Commit

Permalink
Improved the color picker
Browse files Browse the repository at this point in the history
  • Loading branch information
mauro-balades committed Apr 21, 2023
1 parent c8feb72 commit 112f196
Show file tree
Hide file tree
Showing 7 changed files with 1,564 additions and 1,657 deletions.
2 changes: 1 addition & 1 deletion manifest.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
},
"web_accessible_resources": [
{
"resources": [ "src/dialog/index.html", "build-dev/content.js", "src/styles/colorpicker.css" ],
"resources": [ "src/dialog/index.html", "build-dev/content.js", "src/styles/colorpicker.css", "src/vendor/EasyLogicColorPicker.js" ],
"matches": [ "https://*/*", "http://*/*" ]
}
]
Expand Down
6 changes: 0 additions & 6 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 0 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,6 @@
"start": "rm -rf build-dev && webpack --env.development --env.watch --watch"
},
"dependencies": {
"@easylogic/colorpicker": "^1.10.11",
"@webcomponents/custom-elements": "^1.6.0",
"webpack": "^4.46.0"
}
Expand Down
6 changes: 5 additions & 1 deletion src/dialog/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -230,12 +230,16 @@
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0;
margin: 20px 0 0 0;

align-items: center;
height: -webkit-fill-available;
}

#pixel-perfect--dialog #pixel-perfect--sections #pixel-pefect--color-picker {
width: 100%;
}

/* keyframes */

@keyframes pixel-perfect--entry-animation {
Expand Down
6 changes: 3 additions & 3 deletions src/dialog/insert.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import '@webcomponents/custom-elements';
import EasyLogicColorPicker from '@easylogic/colorpicker';
import EasyLogicColorPicker from '../vendor/EasyLogicColorPicker.js'

if (!document.getElementById("pixel-perfect--dialog")) {
class PixelPerfectRoot extends HTMLElement {
Expand Down Expand Up @@ -99,13 +99,13 @@ if (!document.getElementById("pixel-perfect--dialog")) {
onChange: function(color) {
// updateColor(color);
},
type: "chromedevtool",
type: "default",
position: "inline",
paletteWidth: 400,
};

console.log(options.container)
let picker = new EasyLogicColorPicker.create(options);
let picker = new EasyLogicColorPicker(options);
}

convertUnit(value, fromUnit, toUnit) {
Expand Down
Loading

0 comments on commit 112f196

Please sign in to comment.