From 7ec47764af5a21f45f0a607e11d7ad2caaf16368 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Fri, 21 Jul 2023 17:59:50 +0300
Subject: [PATCH] Issue #3375600 by gabriel.passarelli, Gauravvvv,
carolpettirossi: Form layout when the "main" region has a smaller height than
the "secondary" region is broken
(cherry picked from commit 4511b7f6e0ae9421a889275bb6cb2295bd75c938)
---
core/themes/claro/css/layout/node-add.css | 3 +++
core/themes/claro/css/layout/node-add.pcss.css | 3 +++
2 files changed, 6 insertions(+)
diff --git a/core/themes/claro/css/layout/node-add.css b/core/themes/claro/css/layout/node-add.css
index 2df99258d9b6..46c4f8a673cf 100644
--- a/core/themes/claro/css/layout/node-add.css
+++ b/core/themes/claro/css/layout/node-add.css
@@ -19,18 +19,21 @@
@media (min-width: 61rem) {
.layout-node-form {
display: grid;
+ grid-template-rows: auto 1fr;
grid-template-columns: 3fr minmax(22.5rem, 1fr);
gap: var(--space-l);
}
.layout-region--node-main,
.layout-region--node-footer {
+ grid-column: 1;
margin-inline: auto;
width: min(52rem, 100%);
}
/* Push sidebar down to horizontal align with form section. */
.layout-region--node-secondary {
+ grid-row: span 2;
margin-block-start: var(--space-l);
}
}
diff --git a/core/themes/claro/css/layout/node-add.pcss.css b/core/themes/claro/css/layout/node-add.pcss.css
index 936f8908a9fd..f3c3e8587fa1 100644
--- a/core/themes/claro/css/layout/node-add.pcss.css
+++ b/core/themes/claro/css/layout/node-add.pcss.css
@@ -15,18 +15,21 @@
@media (min-width: 61rem) {
.layout-node-form {
display: grid;
+ grid-template-rows: auto 1fr;
grid-template-columns: 3fr minmax(360px, 1fr);
gap: var(--space-l);
}
.layout-region--node-main,
.layout-region--node-footer {
+ grid-column: 1;
margin-inline: auto;
width: min(832px, 100%);
}
/* Push sidebar down to horizontal align with form section. */
.layout-region--node-secondary {
+ grid-row: span 2;
margin-block-start: var(--space-l);
}
}
--
GitLab