Verified Commit 4511b7f6 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3375600 by gabriel.passarelli, Gauravvvv, carolpettirossi: Form layout... 

Issue #3375600 by gabriel.passarelli, Gauravvvv, carolpettirossi: Form layout when the "main" region has a smaller height than the "secondary" region is broken
parent c44d89e3

core/themes/claro/css/layout/node-add.css

+3 −0
Original line number Diff line number Diff line
@@ -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);

  }

}

core/themes/claro/css/layout/node-add.pcss.css

+3 −0
Original line number Diff line number Diff line
@@ -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);

  }

}