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

Merge c12a5421d6 into 6e655cdb24

Browse source
This commit is contained in:
Abhinav Pant 2025-05-03 04:03:01 +00:00 • committed by GitHub
commit 386762bcf3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 27 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -69,7 +69,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 }}

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

@ -379,7 +379,26 @@
box-shadow: none; box-shadow: none;
} }
} }
input[type="color"] {
-webkit-appearance: none;
appearance: none;
border: none;
width: 20px;
height: 20px;
border-radius: 50%;
padding: 0;
outline: none;
cursor: pointer;
&::-webkit-color-swatch-wrapper {
padding: 0;
}
&::-webkit-color-swatch {
border: none;
border-radius: 50%;
}
}
.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);