Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix the margins of dropdown and multiselect widgets (#566)

Browse source
This commit is contained in:
Navaneeth Pk 2021-08-20 22:52:37 +05:30 committed by GitHub
parent 02be26d86a
commit c46d57edba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/Editor/Components/DropDown.jsx
View file

@ -57,11 +57,11 @@ export const DropDown = function DropDown({
}, [currentValue]);
return (
<div className="row" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
<div className="row g-0" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
<div className="col-auto">
<label className="form-label p-2">{label}</label>
<label style={{marginRight: '1rem'}} className="form-label py-2">{label}</label>
</div>
<div className="col">
<div className="col px-0">
<SelectSearch
options={selectOptions}
value={currentValue}

6
frontend/src/Editor/Components/Multiselect.jsx
View file

@ -40,11 +40,11 @@ export const Multiselect = function Multiselect({
}, [newValue]);
return (
<div className="row" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
<div className="row g-0" style={{ width, height }} onClick={() => onComponentClick(id, component)}>
<div className="col-auto">
<label className="form-label p-2">{label}</label>
<label style={{marginRight: '1rem'}} className="form-label py-2">{label}</label>
</div>
<div className="col">
<div className="col px-0">
<SelectSearch
options={selectOptions}
value={currentValue}

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

@ -714,7 +714,7 @@ export const componentTypes = [
description: 'Select multiple values from options',
defaultSize: {
width: 200,
height: 60
height: 37
},
component: 'Multiselect',
others: {