Skip to content

Commit

Permalink
WCMS-20864: updated component query-row breakpoint layout for mobile …
Browse files Browse the repository at this point in the history
…and md
  • Loading branch information
averysmithproductions committed Jun 25, 2024
1 parent a57bfce commit 57c5581
Showing 1 changed file with 4 additions and 5 deletions.
9 changes: 4 additions & 5 deletions src/components/QueryRow/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -57,25 +57,24 @@ const QueryRow = ({ id, condition, index, update, remove, propertyOptions, schem

return (
<fieldset className="ds-u-display--flex ds-u-flex-wrap--wrap ds-u-justify-content--between ds-u-align-items--center ds-u-border--0">
<div className="ds-l-col--12 ds-l-md-col--8 ds-u-display--flex ds-u-justify-content--between ds-u-padding-x--0">
Test A
<Dropdown
options={propertyOptions}
className="ds-l-col--8 ds-u-padding-left--0"
className="ds-l-md-col--5 ds-l-lg-col--4 ds-l-sm-col--8 ds-l-col--12 ds-u-padding--0 ds-u-md-padding-right--2 ds-u-margin-bottom--0 ds-u-md-margin-bottom--2"
value={property}
label="Column Name"
name={`${condition.key}_property`}
onChange={(e) => setProperty(e.target.value)}
/>
<Dropdown
options={buildOperatorOptions(schema[id].fields[property].mysql_type)}
className="ds-l-col--4 ds-u-padding-x--0"
className="ds-l-sm-col--3 ds-l-md-col--2 ds-l-col--12 ds-u-padding--0 ds-u-md-padding-right--2 ds-u-margin-bottom--0 ds-u-md-margin-bottom--2"
value={operator}
label="Operator"
name={`${condition.key}_operator`}
onChange={(e) => setOperator(e.target.value)}
/>
</div>
<div className="ds-l-col--12 ds-l-md-col--4 ds-u-padding-x--0 ds-u-md-padding-left--2 ds-u-display--flex ds-u-justify-content--between">
<div className="ds-l-col--12 ds-l-md-col--4 ds-u-padding-x--0 ds-u-md-padding-left--2 ds-u-display--flex ds-u-justify-content--between ds-u-md-margin-bottom--2">
{schema[id].fields[property].mysql_type === 'date' ? (
<div>
<label
Expand Down

0 comments on commit 57c5581

Please sign in to comment.