sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lowercase pasted color (#594)

Browse Source 
* lowercase pasted color

* remove unused class & don't lowercase input

Co-authored-by: David Luzar <luzar.david@gmail.com>
This commit is contained in:
Faustino Kialungila 2020-01-27 19:51:11 +01:00 committed by GitHub
parent 187cfbe2d8
commit de68561df5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 1 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ColorPicker.css
View File

@ -99,7 +99,6 @@
border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
float: left; float: left;
padding-left: 0.5em; padding-left: 0.5em;
text-transform: lowercase;
} }
.color-picker-label-swatch { .color-picker-label-swatch {
@ -108,13 +107,3 @@
margin-right: 0.25rem; margin-right: 0.25rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
} }
.color-picker-swatch-input {
font-size: 1rem;
display: inline-block;
width: 6.25rem;
border-radius: 2px;
padding: 0.125em 0.25em;
border: 1px solid #dee2e6;
text-transform: lowercase;
}

2
src/components/ColorPicker.tsx
View File

@ -131,7 +131,7 @@ const ColorInput = React.forwardRef(
className="color-picker-input" className="color-picker-input"
aria-label={label} aria-label={label}
onChange={e => { onChange={e => {
const value = e.target.value; const value = e.target.value.toLowerCase();
if (value.match(colorRegex)) { if (value.match(colorRegex)) {
onChange(value === "transparent" ? "transparent" : "#" + value); onChange(value === "transparent" ? "transparent" : "#" + value);
} }