Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Make first segment form column narrower

Browse Source 
[MAILPOET-4039]
This commit is contained in:
Ján Mikláš
2021-12-29 11:47:13 +01:00
committed by Veljko V
parent 64668b53dd
commit a17c23afe7
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
assets/css/src/components-plugin/_segments.scss
View File

@@ -5,9 +5,14 @@
grid-column: span 2; grid-column: span 2;
} }
.mailpoet-segments-segments-section .mailpoet-grid-three-columns { .mailpoet-segments-grid {
grid-template-columns: 200px 1fr 1fr;
padding-right: $grid-gap-large; padding-right: $grid-gap-large;
position: relative; position: relative;
@include respond-to(small-screen) {
grid-template-columns: 1fr;
}
} }
.mailpoet-segments-description-section .mailpoet-form-textarea textarea { .mailpoet-segments-description-section .mailpoet-form-textarea textarea {

2
assets/js/src/segments/dynamic/form.tsx
View File

@@ -126,7 +126,7 @@ export const Form: React.FunctionComponent<Props> = ({
<FiltersBefore /> <FiltersBefore />
{Array.isArray(filterRows) && filterRows.map((filterRow, index) => ( {Array.isArray(filterRows) && filterRows.map((filterRow, index) => (
<React.Fragment key={filterRow.index}> <React.Fragment key={filterRow.index}>
<Grid.ThreeColumns automationId={`filter-row-${index}`}> <Grid.ThreeColumns className="mailpoet-segments-grid" automationId={`filter-row-${index}`}>
<FilterBefore filterRows={filterRows} index={index} /> <FilterBefore filterRows={filterRows} index={index} />
<Grid.CenteredRow> <Grid.CenteredRow>
<Select <Select