Unverified Commit e2d3a3ee authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3184667 by Spokje, Sakthivel M, mirom, rikki_iki, mherchel, ckrina,... 

Issue #3184667 by Spokje, Sakthivel M, mirom, rikki_iki, mherchel, ckrina, DamienMcKenna, djsagar, mstrelan, Gauravmahlawat, HeikkiY, heni_deepak, drennvin, vikashsoni, bnjmnm, kvantstudio, lauriii: Node form layout looks awkward on wide screens since #3158854
parent fc00e0cb

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

+17 −1
Original line number Diff line number Diff line
@@ -11,6 +11,7 @@ 


:root {

  --node-meta-width: 22.5rem;

  --node-meta-xl-width: 25vw;

}



.layout-region {
@@ -41,7 +42,7 @@ 


  .layout-region--node-main .layout-region__content,

  .layout-region--node-footer .layout-region__content {

    max-width: 48rem;

    max-width: 52rem;

    margin-right: auto;

    margin-left: auto;

  }
@@ -63,3 +64,18 @@ 
    margin-top: var(--space-l);

  }

}



/**

 * Extra Wide screens

 */



@media screen and (min-width: 112rem) {

  .layout-region--node-main,

  .layout-region--node-footer {

    width: calc(100% - var(--node-meta-xl-width));

  }



  .layout-region--node-secondary {

    width: var(--node-meta-xl-width);

  }

}

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

+16 −1
Original line number Diff line number Diff line
@@ -4,6 +4,7 @@ 


:root {

  --node-meta-width: 22.5rem;

  --node-meta-xl-width: 25vw;

}



.layout-region {
@@ -33,7 +34,7 @@ 


  .layout-region--node-main .layout-region__content,

  .layout-region--node-footer .layout-region__content {

    max-width: 48rem;

    max-width: 52rem;

    margin-right: auto;

    margin-left: auto;

  }
@@ -55,3 +56,17 @@ 
    margin-top: var(--space-l);

  }

}



/**

 * Extra Wide screens

 */

@media screen and (min-width: 112rem) {

  .layout-region--node-main,

  .layout-region--node-footer {

    width: calc(100% - var(--node-meta-xl-width));

  }



  .layout-region--node-secondary {

    width: var(--node-meta-xl-width);

  }

}