=
$this->Bootstrap->accordion(
[
diff --git a/templates/element/genericElements/Form/genericForm.php b/templates/element/genericElements/Form/genericForm.php
index 5614982..8438434 100644
--- a/templates/element/genericElements/Form/genericForm.php
+++ b/templates/element/genericElements/Form/genericForm.php
@@ -37,7 +37,7 @@
'select' => '
',
'checkbox' => '
',
'checkboxFormGroup' => '{{label}}',
- 'formGroup' => '
{{label}}
{{input}}{{error}}
',
+ 'formGroup' => '
{{input}}{{error}}
',
'nestingLabel' => '{{hidden}}
{{text}}
{{input}}
',
'option' => '
',
'optgroup' => '
',
diff --git a/templates/element/genericElements/Form/metaTemplateScaffold.php b/templates/element/genericElements/Form/metaTemplateScaffold.php
index 8b27bdf..6f20048 100644
--- a/templates/element/genericElements/Form/metaTemplateScaffold.php
+++ b/templates/element/genericElements/Form/metaTemplateScaffold.php
@@ -5,7 +5,7 @@ use Cake\Utility\Inflector;
$default_template = [
'inputContainer' => '
{{content}}
',
'inputContainerError' => '
{{content}}
',
- 'formGroup' => '
{{label}}
{{input}}{{error}}
',
+ 'formGroup' => '
{{input}}{{error}}
',
];
$this->Form->setTemplates($default_template);
$backupTemplates = $this->Form->getTemplates();
@@ -38,8 +38,9 @@ foreach ($metaTemplatesData as $i => $metaTemplate) {
$metaField = reset($metaTemplateField->metaFields);
$fieldData = [
'field' => sprintf('MetaTemplates.%s.meta_template_fields.%s.metaFields.%s.value', $metaField->meta_template_id, $metaField->meta_template_field_id, $metaField->id),
- 'label' => $metaTemplateField->field,
+ 'label' => $metaTemplateField->label,
];
+ $this->Form->setTemplates($backupTemplates);
$fieldsHtml .= $this->element(
'genericElements/Form/fieldScaffold',
[
@@ -60,12 +61,11 @@ foreach ($metaTemplatesData as $i => $metaTemplate) {
'form' => $this->Form,
]
);
- $this->Form->setTemplates($backupTemplates);
} else {
$this->Form->setTemplates($backupTemplates);
$fieldData = [
'field' => sprintf('MetaTemplates.%s.meta_template_fields.%s.metaFields.new.0', $metaTemplateField->meta_template_id, $metaTemplateField->id),
- 'label' => $metaTemplateField->field,
+ 'label' => $metaTemplateField->label,
];
$fieldsHtml .= $this->element(
'genericElements/Form/fieldScaffold',
@@ -79,6 +79,7 @@ foreach ($metaTemplatesData as $i => $metaTemplate) {
}
$tabData['content'][$i] = $fieldsHtml;
}
+$this->Form->setTemplates($backupTemplates);
echo $this->Bootstrap->Tabs([
'pills' => true,
'data' => $tabData,
diff --git a/templates/element/genericElements/Form/multiFieldScaffold.php b/templates/element/genericElements/Form/multiFieldScaffold.php
index 6af9bcf..90584e4 100644
--- a/templates/element/genericElements/Form/multiFieldScaffold.php
+++ b/templates/element/genericElements/Form/multiFieldScaffold.php
@@ -1,8 +1,11 @@
'
{{content}}
',
'inputContainerError' => '
{{content}}
',
- 'formGroup' => '
{{label}}
{{input}}{{error}}
',
+ 'formGroup' => '
{{input}}{{error}}
',
];
$form->setTemplates($default_template);
@@ -10,8 +13,9 @@ $fieldsHtml = '';
$labelPrintedOnce = false;
if (!empty($metaFieldsEntities)) {
foreach ($metaFieldsEntities as $i => $metaFieldsEntity) {
+ $metaFieldsEntity->label = Inflector::humanize($metaFieldsEntity->field);
$fieldData = [
- 'label' => $metaFieldsEntity->field,
+ 'label' => $metaFieldsEntity->label,
'field' => sprintf('MetaTemplates.%s.meta_template_fields.%s.metaFields.%s.value', $metaFieldsEntity->meta_template_id, $metaFieldsEntity->meta_template_field_id, $metaFieldsEntity->id),
];
if ($labelPrintedOnce) { // Only the first input can have a label
@@ -28,13 +32,14 @@ if (!empty($metaFieldsEntities)) {
}
}
if (!empty($metaTemplateField) && !empty($multiple)) { // Add multiple field button
+ $metaTemplateField->label = Inflector::humanize($metaTemplateField->field);
$emptyMetaFieldInput = '';
if (empty($metaFieldsEntities)) {
$emptyMetaFieldInput = $this->element(
'genericElements/Form/fieldScaffold',
[
'fieldData' => [
- 'label' => $metaTemplateField->field,
+ 'label' => $metaTemplateField->label,
'field' => sprintf('MetaTemplates.%s.meta_template_fields.%s.metaFields.new.0', $metaTemplateField->meta_template_id, $metaTemplateField->id),
'class' => 'new-metafield',
],
@@ -53,7 +58,7 @@ if (!empty($metaTemplateField) && !empty($multiple)) { // Add multiple field but
]
);
$multiFieldButtonHtml = sprintf(
- '
',
+ '
',
$this->element(
'genericElements/Form/multiFieldButton',
[
diff --git a/templates/element/genericElements/SingleViews/single_view.php b/templates/element/genericElements/SingleViews/single_view.php
index 90bcbc1..e82b100 100644
--- a/templates/element/genericElements/SingleViews/single_view.php
+++ b/templates/element/genericElements/SingleViews/single_view.php
@@ -78,11 +78,11 @@
__('{0} view', \Cake\Utility\Inflector::singularize(\Cake\Utility\Inflector::humanize($this->request->getParam('controller')))) :
$title;
echo sprintf(
- "
+ "
%s
%s%s
-
%s
-
%s
+
%s
+
%s
%s
",
$tableRandomValue,
diff --git a/webroot/css/themes/additional/bootstrap-additional.css b/webroot/css/themes/additional/bootstrap-additional.css
index af58896..1f0e021 100644
--- a/webroot/css/themes/additional/bootstrap-additional.css
+++ b/webroot/css/themes/additional/bootstrap-additional.css
@@ -300,7 +300,7 @@
:not(.meta-template-container) > .multi-metafield-container {
position: relative; }
- :not(.meta-template-container) > .multi-metafield-container > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: #6c757d;
@@ -309,11 +309,18 @@
width: 0.5rem;
height: 100%;
border-width: 0px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:last-child > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px); }
+ @media (min-width: 576px) {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px; } }
+ :not(.meta-template-container) > .multi-metafield-container:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;
diff --git a/webroot/css/themes/theme-darkly.css b/webroot/css/themes/theme-darkly.css
index 95c426f..393d869 100644
--- a/webroot/css/themes/theme-darkly.css
+++ b/webroot/css/themes/theme-darkly.css
@@ -300,7 +300,7 @@
:not(.meta-template-container) > .multi-metafield-container {
position: relative; }
- :not(.meta-template-container) > .multi-metafield-container > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: #444;
@@ -309,11 +309,18 @@
width: 0.5rem;
height: 100%;
border-width: 0px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:last-child > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px); }
+ @media (min-width: 576px) {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px; } }
+ :not(.meta-template-container) > .multi-metafield-container:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;
diff --git a/webroot/css/themes/theme-default.css b/webroot/css/themes/theme-default.css
index feaf097..05b8f97 100644
--- a/webroot/css/themes/theme-default.css
+++ b/webroot/css/themes/theme-default.css
@@ -300,7 +300,7 @@
:not(.meta-template-container) > .multi-metafield-container {
position: relative; }
- :not(.meta-template-container) > .multi-metafield-container > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: #6c757d;
@@ -309,11 +309,18 @@
width: 0.5rem;
height: 100%;
border-width: 0px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:last-child > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px); }
+ @media (min-width: 576px) {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px; } }
+ :not(.meta-template-container) > .multi-metafield-container:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;
diff --git a/webroot/css/themes/theme-flatly.css b/webroot/css/themes/theme-flatly.css
index a843319..e6002cf 100644
--- a/webroot/css/themes/theme-flatly.css
+++ b/webroot/css/themes/theme-flatly.css
@@ -300,7 +300,7 @@
:not(.meta-template-container) > .multi-metafield-container {
position: relative; }
- :not(.meta-template-container) > .multi-metafield-container > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: #95a5a6;
@@ -309,11 +309,18 @@
width: 0.5rem;
height: 100%;
border-width: 0px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:last-child > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px); }
+ @media (min-width: 576px) {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px; } }
+ :not(.meta-template-container) > .multi-metafield-container:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;
diff --git a/webroot/css/themes/theme-minty.css b/webroot/css/themes/theme-minty.css
index 63ce170..643a74a 100644
--- a/webroot/css/themes/theme-minty.css
+++ b/webroot/css/themes/theme-minty.css
@@ -300,7 +300,7 @@
:not(.meta-template-container) > .multi-metafield-container {
position: relative; }
- :not(.meta-template-container) > .multi-metafield-container > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: #95a5a6;
@@ -309,11 +309,18 @@
width: 0.5rem;
height: 100%;
border-width: 0px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:last-child > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px); }
+ @media (min-width: 576px) {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px; } }
+ :not(.meta-template-container) > .multi-metafield-container:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;
diff --git a/webroot/css/themes/theme-quartz.css b/webroot/css/themes/theme-quartz.css
index fde9a80..075d9b8 100644
--- a/webroot/css/themes/theme-quartz.css
+++ b/webroot/css/themes/theme-quartz.css
@@ -300,7 +300,7 @@
:not(.meta-template-container) > .multi-metafield-container {
position: relative; }
- :not(.meta-template-container) > .multi-metafield-container > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: rgba(255, 255, 255, 0.4);
@@ -309,11 +309,18 @@
width: 0.5rem;
height: 100%;
border-width: 0px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:last-child > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px); }
+ @media (min-width: 576px) {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px; } }
+ :not(.meta-template-container) > .multi-metafield-container:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;
diff --git a/webroot/css/themes/theme-slate.css b/webroot/css/themes/theme-slate.css
index 37a6b27..f94c3f9 100644
--- a/webroot/css/themes/theme-slate.css
+++ b/webroot/css/themes/theme-slate.css
@@ -296,7 +296,7 @@
:not(.meta-template-container) > .multi-metafield-container {
position: relative; }
- :not(.meta-template-container) > .multi-metafield-container > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: #7a8288;
@@ -305,11 +305,18 @@
width: 0.5rem;
height: 100%;
border-width: 0px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:last-child > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px); }
+ @media (min-width: 576px) {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px; } }
+ :not(.meta-template-container) > .multi-metafield-container:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;
diff --git a/webroot/css/themes/theme-vapor.css b/webroot/css/themes/theme-vapor.css
index 31042a5..8015474 100644
--- a/webroot/css/themes/theme-vapor.css
+++ b/webroot/css/themes/theme-vapor.css
@@ -300,7 +300,7 @@
:not(.meta-template-container) > .multi-metafield-container {
position: relative; }
- :not(.meta-template-container) > .multi-metafield-container > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: #ea39b8;
@@ -309,11 +309,18 @@
width: 0.5rem;
height: 100%;
border-width: 0px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px; }
- :not(.meta-template-container) > .multi-metafield-container:last-child > .col-sm-10::before {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px); }
+ @media (min-width: 576px) {
+ :not(.meta-template-container) > .multi-metafield-container:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px; } }
+ :not(.meta-template-container) > .multi-metafield-container:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;
diff --git a/webroot/scss/custom.scss b/webroot/scss/custom.scss
index 122f158..3738b86 100644
--- a/webroot/scss/custom.scss
+++ b/webroot/scss/custom.scss
@@ -1,48 +1,9 @@
$secondary: #6c757d !default;
-// .multi-metafield-container {
-// position: relative;
-// }
-
-// .multi-metafield-container .col-sm-10::before {
-// transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
-// border-style: solid;
-// border-color: $secondary;
-// }
-
-// .multi-metafield-container:first-child .col-sm-10::before {
-// transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
-// border-top-right-radius: 3px;
-// position: absolute;
-// content: ' ';
-// width: 0.5rem;
-// border-width: 2px 2px 0px 0px;
-// }
-
-// .multi-metafield-container .col-sm-10::before {
-// position: absolute;
-// content: ' ';
-// width: 0.5rem;
-// height: 100%;
-// border-width: 0px 2px 0px 0px;
-// }
-
-// .multi-metafield-container:last-child .col-sm-10::before {
-// transform: translateX(calc(1.5rem * -.5));
-// border-bottom-left-radius: 3px;
-// position: absolute;
-// content: ' ';
-// width: 0.5rem;
-// height: 50%;
-// border-width: 0px 0px 2px 2px;
-// }
-
-// :not(.meta-template-container) .multi-metafield-container {
-// .multi-metafield-container :not(.meta-template-container) {
:not(.meta-template-container) > .multi-metafield-container {
position: relative;
- & > .col-sm-10::before {
+ & > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5 - 0.25rem - 2px));
border-style: solid;
border-color: $secondary;
@@ -53,13 +14,22 @@ $secondary: #6c757d !default;
border-width: 0px 2px 0px 0px;
}
- &:first-child > .col-sm-10::before {
- transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 12px);
- border-top-right-radius: 3px;
- border-width: 2px 2px 0px 0px;
+ &:first-child > .multi-metafield-input-container::before {
+ border-width: 2px 0px 0px 2px;
+ border-top-left-radius: 3px;
+ transform: translate(calc(1.5rem * -.5), -20px);
+ }
+ @include media-breakpoint-up(sm) {
+ &:first-child > .multi-metafield-input-container::before {
+ height: calc(100% - 10px);
+ transform: translate(calc(1.5rem * -.5 - 0.25rem - 2px), 20px);
+ border-top-left-radius: 0px;
+ border-top-right-radius: 3px;
+ border-width: 2px 2px 0px 0px;
+ }
}
- &:last-child > .col-sm-10::before {
+ &:last-child > .multi-metafield-input-container::before {
transform: translateX(calc(1.5rem * -.5));
border-bottom-left-radius: 3px;
height: 50%;