ui-dialog.pcss.css

Same filename in other branches
  1. 9 core/themes/olivero/css/components/ui-dialog.pcss.css
  2. 10 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. .ui-dialog {
  6. & .ui-dialog-buttonpane {
  7. padding-inline-start: 0.2em;
  8. padding-inline-end: 0.2em;
  9. & .ui-dialog-buttonset {
  10. display: flex;
  11. float: none;
  12. flex-wrap: wrap;
  13. gap: 5px;
  14. }
  15. & button {
  16. margin: 0;
  17. }
  18. }
  19. }
  20. .ui-widget-overlay {
  21. z-index: 1259;
  22. }
  23. .ui-dialog {
  24. z-index: 1260;
  25. }

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