Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Alignment issue fixed: checkbox widget (#677)

Browse source
This commit is contained in:
Arpit 2021-09-05 10:25:30 +05:30 committed by GitHub
parent f2249749cf
commit b06b869090
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
frontend/src/Editor/Components/Checkbox.jsx
View file

@ -37,18 +37,19 @@ export const Checkbox = function Checkbox({
}
return (
<div style={{ width, height, display:parsedWidgetVisibility ? '' : 'none' }} onClick={event => {event.stopPropagation(); onComponentClick(id, component)}}>
<label className="form-check form-check-inline">
<input
disabled={parsedDisabledState}
className="form-check-input"
type="checkbox"
onClick={(e) => {
toggleValue(e);
}}
/>
<span className="form-check-label" style={{color: textColor}}>{label}</span>
<div className="row" style={{ width, height, display:parsedWidgetVisibility ? '' : 'none' }} onClick={event => {event.stopPropagation(); onComponentClick(id, component)}}>
<div className="col py-1">
<label className="form-check form-check-inline">
<input
className="form-check-input"
type="checkbox"
onClick={(e) => {
toggleValue(e);
}}
/>
<span className="form-check-label" style={{color: textColor}}>{label}</span>
</label>
</div>
</div>
);
};

2
frontend/src/Editor/Components/components.js
View file

@ -324,7 +324,7 @@ export const componentTypes = [
component: 'Checkbox',
defaultSize: {
width: 200,
height: 25,
height: 30,
},
others: {
showOnDesktop: { type: 'toggle', displayName: 'Show on desktop? ' },