smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

added a color wheel in colorInput component

Browse source
This commit is contained in:
abhitrueprogrammer 2024-12-23 12:41:48 +05:30
parent 56fca30bd0
commit 4770dd88cd
2 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/excalidraw/components/ColorPicker/ColorInput.tsx
View file

@ -70,7 +70,13 @@ export const ColorInput = ({
return ( return (
<div className="color-picker__input-label"> <div className="color-picker__input-label">
<div className="color-picker__input-hash">#</div> <input
type="color"
onChange={(event) => {
changeColor(event.target.value);
}}
className="color-picker__input"
/>
<input <input
ref={activeSection === "hex" ? inputRef : undefined} ref={activeSection === "hex" ? inputRef : undefined}
style={{ border: 0, padding: 0 }} style={{ border: 0, padding: 0 }}

1
packages/excalidraw/components/ColorPicker/ColorPicker.scss
View file

@ -368,6 +368,7 @@
} }
} }
.color-picker-label-swatch-container { .color-picker-label-swatch-container {
border: 1px solid var(--default-border-color); border: 1px solid var(--default-border-color);
border-radius: var(--border-radius-lg); border-radius: var(--border-radius-lg);