From 854ea646ea96a749987706e1514fee8d52cd30a9 Mon Sep 17 00:00:00 2001 From: Nicol Date: Fri, 27 Aug 2021 12:47:06 +0200 Subject: [PATCH] Removes unnecessary selector Fixes issues with modals in Joomla 4 As described here: https://lab.civicrm.org/dev/joomla/-/issues/19 - J4 Civi modals had a number of issues making them unusable. For admin/backend Civi pages, this puts the tinted overlay behind the modal and brings the modal in front of the menubar. It makes the modal clickable, removes the narrow width and ensures scrolling. --- css/joomla.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/css/joomla.css b/css/joomla.css index 87d333b4ac..a5dda386f2 100644 --- a/css/joomla.css +++ b/css/joomla.css @@ -413,3 +413,22 @@ body.admin.com_civicrm.layout-default #subhead { body.admin.com_civicrm.layout-default .crm-container .crm-dashlet { max-width: 50vw; /* fixes over-wide news dashlet */ } + +/* J4 Modals */ + +body.admin.com_civicrm.layout-default .crm-container.ui-dialog.ui-resizable { + z-index: 1021; +} + +body.admin.com_civicrm.layout-default .ui-widget-overlay { + z-index: 1; +} + +body.admin.com_civicrm.layout-default .crm-container .modal-dialog { + max-width: inherit; + padding: 0; + margin: 0; + overflow: scroll; + pointer-events: all; +} + -- 2.25.1