ui-dialog.pcss.css

Same filename in other branches
  1. 9 core/themes/olivero/css/components/ui-dialog.pcss.css
  2. 11.x core/themes/olivero/css/components/ui-dialog.pcss.css

Styles for jQuery UI dialog.

File

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

View source 
  1. /**

  2.  * @file

  3.  * Styles for jQuery UI dialog.

  4.  */

  5. 

  6. .ui-dialog {

  7.   & .ui-dialog-buttonpane {

  8.     padding-inline-start: 0.2em;

  9.     padding-inline-end: 0.2em;

  10. 

  11.     & .ui-dialog-buttonset {

  12.       display: flex;

  13.       float: none;

  14.       flex-wrap: wrap;

  15.       gap: 5px;

  16.     }

  17. 

  18.     & button {

  19.       margin: 0;

  20.     }

  21.   }

  22. }

  23. 

  24. .ui-widget-overlay {

  25.   z-index: 1259;

  26. }

  27. 

  28. .ui-dialog {

  29.   z-index: 1260;

  30. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.