Fixes expanding News dashlet css bug in Joomla 4

[civicrm-core.git] / css / joomla.css

diff --git a/css/joomla.css b/css/joomla.css
index a59b3a047ad519e61792ace10a87973f8d8c2cdd..87d333b4ac4393648ee97ec00002eece8f7cb6d8 100644 (file)
--- a/css/joomla.css
+++ b/css/joomla.css
@@ -352,7 +352,7 @@ div#toolbar-box, div#toolbar-box div.m{
 .crm-container input {
   height: auto;
 }
-.crm-container input[type=submit] {
+.crm-container button[type=submit] {
   height: auto;
 }
 
@@ -377,7 +377,7 @@ div#toolbar-box, div#toolbar-box div.m{
 }
 
 /* Remove Joomla subhead toolbar & whitespace border */
-       
+
 body.admin.com_civicrm .subhead-collapse {
        display:none;
 }
@@ -399,3 +399,17 @@ body.admin.com_civicrm #content-right {
 body.ui-dialog-open #status {
   z-index: 100 !important;
 }
+
+/* Joomla 4 */
+
+body.admin.com_civicrm.layout-default #content > .row > .col-md-12 {
+       padding: 0;
+}
+
+body.admin.com_civicrm.layout-default #subhead {
+       display: none;
+}
+
+body.admin.com_civicrm.layout-default .crm-container .crm-dashlet {
+       max-width: 50vw; /* fixes over-wide news dashlet */ 
+}