Unverified Commit 1d97f058 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3149863 by komalk, hansa11, Gauravvvv, kostyashupenko, pradipmodh13,... 

Issue #3149863 by komalk, hansa11, Gauravvvv, kostyashupenko, pradipmodh13, ranjith_kumar_k_u, cindytwilliams, ameymudras, andy-blum, IndrajithKB, himanshu_sindhwani, mherchel, bnjmnm, Kristen Pol: Olivero: Modal dialog buttons not aligned (for example, in the "Leave preview" dialog)
parent 722974c1

core/themes/olivero/css/components/ui-dialog.css

+19 −0
Original line number Diff line number Diff line
@@ -4,13 +4,32 @@ 
 * https://www.drupal.org/node/3084859

 * @preserve

 */



/**

 * @file

 * Styles for jQuery UI dialog.

 */



.ui-dialog .ui-dialog-buttonpane {

  padding-inline-start: 0.2em;

  padding-inline-end: 0.2em;

}



.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

  display: flex;

  float: none;

  flex-wrap: wrap;

  gap: 0.3125rem;

}



.ui-dialog .ui-dialog-buttonpane button {

  margin: 0;

}



.ui-widget-overlay {

  z-index: 1259;

}



.ui-dialog {

  z-index: 1260;

}

core/themes/olivero/css/components/ui-dialog.pcss.css

+19 −0
Original line number Diff line number Diff line
@@ -2,6 +2,25 @@ 
 * @file

 * Styles for jQuery UI dialog.

 */



.ui-dialog {

  & .ui-dialog-buttonpane {

    padding-inline-start: 0.2em;

    padding-inline-end: 0.2em;



    & .ui-dialog-buttonset {

      display: flex;

      float: none;

      flex-wrap: wrap;

      gap: 5px;

    }



    & button {

      margin: 0;

    }

  }

}



.ui-widget-overlay {

  z-index: 1259;

}