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;
}
.mailpoet-segments-segments-section .mailpoet-grid-three-columns {
.mailpoet-segments-grid {
grid-template-columns: 200px 1fr 1fr;
padding-right: $grid-gap-large;
position: relative;
@include respond-to(small-screen) {
grid-template-columns: 1fr;
}
}
.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 />
{Array.isArray(filterRows) && filterRows.map((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} />
<Grid.CenteredRow>
<Select