From 78cb9351c7c18a52d77671636adcec898c8d8329 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Tue, 12 Oct 2021 17:15:13 +0300
Subject: [PATCH] Issue #3214191 by Indrajith KB, Sakthivel M, Gauravmahlawat,
 mherchel, thejimbirch, Neslee Canil Pinto, manojithape, xjm, lauriii:
 Olivero: Header obscures jQueryUI overlay

---
 core/themes/olivero/css/components/ui-dialog.css | 16 ++++++++++++++++
 .../olivero/css/components/ui-dialog.pcss.css    | 11 +++++++++++
 core/themes/olivero/olivero.info.yml             |  2 ++
 core/themes/olivero/olivero.libraries.yml        |  6 ++++++
 4 files changed, 35 insertions(+)
 create mode 100644 core/themes/olivero/css/components/ui-dialog.css
 create mode 100644 core/themes/olivero/css/components/ui-dialog.pcss.css

diff --git a/core/themes/olivero/css/components/ui-dialog.css b/core/themes/olivero/css/components/ui-dialog.css
new file mode 100644
index 000000000000..2137d0687ea3
--- /dev/null
+++ b/core/themes/olivero/css/components/ui-dialog.css
@@ -0,0 +1,16 @@
+/*
+ * DO NOT EDIT THIS FILE.
+ * See the following change record for more information,
+ * https://www.drupal.org/node/3084859
+ * @preserve
+ */
+/**
+ * @file
+ * Styles for jQuery UI dialog.
+ */
+.ui-widget-overlay {
+  z-index: 1259;
+}
+.ui-dialog {
+  z-index: 1260;
+}
diff --git a/core/themes/olivero/css/components/ui-dialog.pcss.css b/core/themes/olivero/css/components/ui-dialog.pcss.css
new file mode 100644
index 000000000000..7eb47a75a4d7
--- /dev/null
+++ b/core/themes/olivero/css/components/ui-dialog.pcss.css
@@ -0,0 +1,11 @@
+/**
+ * @file
+ * Styles for jQuery UI dialog.
+ */
+.ui-widget-overlay {
+  z-index: 1259;
+}
+
+.ui-dialog {
+  z-index: 1260;
+}
diff --git a/core/themes/olivero/olivero.info.yml b/core/themes/olivero/olivero.info.yml
index d347bb7cd49a..a551c234e81d 100644
--- a/core/themes/olivero/olivero.info.yml
+++ b/core/themes/olivero/olivero.info.yml
@@ -62,6 +62,8 @@ libraries-extend:
     - olivero/messages
   core/drupal.collapse:
     - olivero/details
+  core/drupal.dialog:
+    - olivero/drupal.dialog
   core/drupal.dialog.off_canvas:
     - olivero/dialog.off_canvas
   core/drupal.progress:
diff --git a/core/themes/olivero/olivero.libraries.yml b/core/themes/olivero/olivero.libraries.yml
index 26753455a1eb..ec50de44e9db 100644
--- a/core/themes/olivero/olivero.libraries.yml
+++ b/core/themes/olivero/olivero.libraries.yml
@@ -118,6 +118,12 @@ dropbutton:
     component:
       css/components/dropbutton.css: {}
 
+drupal.dialog:
+  version: VERSION
+  css:
+    theme:
+      css/components/ui-dialog.css: {}
+
 drupal.node.preview:
   version: VERSION
   css:
-- 
GitLab