Unverified Commit cfcc4bb0 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 2e7b6ca2

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

+16 −1
Original line number Diff line number Diff line
@@ -37,7 +37,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;

  }
@@ -59,3 +59,18 @@ 
    margin-top: 1.5rem;

  }

}



/**

 * Extra Wide screens

 */



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

  .layout-region--node-main,

  .layout-region--node-footer {

    width: calc(100% - 25vw);

  }



  .layout-region--node-secondary {

    width: 25vw;

  }

}

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

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


:root {

  --node-meta-width: 22.5rem;

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

}



.layout-region {
@@ -35,7 +36,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;

  }
@@ -57,3 +58,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);

  }

}