Merge pull request #254 from dryabov/patch-93

Fix issue with dark theme in Joomla 5
joomla-extensions · Jun 12, 2024 · 7a5cd4f · 7a5cd4f
2 parents 5920d4f + c897c6f
commit 7a5cd4f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/administrator/components/com_jedchecker/views/uploads/tmpl/default.php b/administrator/components/com_jedchecker/views/uploads/tmpl/default.php
@@ -38,7 +38,7 @@
 <div id="jedchecker">
 	<div class="row g-3">
 		<div class="col-12 col-md-8">
-			<div class="card bg-light">
+			<div class="card">
 				<div class="card-header" data-bs-toggle="collapse" data-bs-target="#jedchecker-welcome" role="button">
 					<?php echo Text::_('COM_JEDCHECKER'); ?>
 				</div>
@@ -91,7 +91,7 @@
 		</div>
 
 		<div class="col-12 col-md-3 jedchecker-results hidden">
-			<div class="card bg-light">
+			<div class="card">
 				<div class="card-header"><?php echo Text::_('COM_JEDCHECKER_RESULTS'); ?></div>
 					<div role="tablist" class="list-group list-group-flush">
 							<?php
@@ -101,7 +101,7 @@
 								$rule = new $class;
 								?>
 								<a role="tab" id="jed-<?php echo $rulename; ?>" data-bs-toggle="tab" href="#jedtab-<?php echo $rulename; ?>"
-								   class="list-group-item list-group-item-action d-flex justify-content-between bg-light<?php echo $i === 0 ? ' active' : ''; ?>">
+								   class="list-group-item list-group-item-action d-flex justify-content-between<?php echo $i === 0 ? ' active' : ''; ?>">
 									<?php echo Text::_($rule->get('title')); ?>
 									<span class="text-nowrap ps-1">
 										<span class="badge bg-danger rounded-pill border-error"></span>
@@ -135,7 +135,7 @@ class="list-group-item list-group-item-action d-flex justify-content-between bg-
 				$rule = new $class;
 				?>
 				<div role="tabpanel" class="tab-pane fade<?php echo $i === 0 ? ' show active' : ''; ?>" id="jedtab-<?php echo $rulename; ?>">
-				<div class="card bg-light">
+				<div class="card">
 					<div class="card-header" id="heading<?php echo $rule->get('id'); ?>">
 						<?php echo Text::_($rule->get('title')); ?>
 					</div>

diff --git a/media/com_jedchecker/css/j4-style.css b/media/com_jedchecker/css/j4-style.css
@@ -430,10 +430,11 @@
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
-  background-color: #fff;
+  background-color: #f8f9fa;
   background-clip: border-box;
   border: 0 solid transparent;
   border-radius: 0.25rem;
+  box-shadow: 0 2px 10px -8px #4d79b3;
 }
 #jedchecker .card > .list-group {
   border-top: inherit;