Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-06 06:48:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Add border to color picker selector (#1329)

Browse source
This commit is contained in:
Santosh Bhandari 2021-10-30 18:53:21 +05:45 committed by GitHub
parent a9b44bfb2d
commit 755be351f9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/Editor/Inspector/Elements/Color.jsx
View file

@ -34,7 +34,15 @@ export const Color = ({ param, definition, onChange, paramType, componentMeta })
<div className="row mx-0 form-control color-picker-input" onClick={() => setShowPicker(true)}>
<div
className="col-auto"
style={{ float: 'right', width: '20px', height: '20px', backgroundColor: definition.value }}
style={
{
float: 'right',
width: '20px',
height: '20px',
backgroundColor: definition.value,
border: `0.25px solid ${['#ffffff', '#fff', '#1f2936'].includes(definition.value) && '#c5c8c9'}`
}
}
></div>
<div className="col">{definition.value}</div>
</div>