Adjust class names and use ::backdrop pseudo class for all themes

fisharebest · Apr 20, 2023 · 2bd21ec · 2bd21ec
1 parent 6c77a7e
commit 2bd21ec
Show file tree

Hide file tree

Showing 12 changed files with 16 additions and 16 deletions.
diff --git a/resources/css/_maps.css b/resources/css/_maps.css
@@ -47,11 +47,11 @@
     height: 100%;
 }
 
-.wt-sidebar {
+.wt-map-sidebar {
     height: var(--wt-map-height);
     overflow-y: auto;
 }
 
-:fullscreen .wt-sidebar {
+:fullscreen .wt-map-sidebar {
     height: 100%;
 }
diff --git a/resources/css/clouds.css b/resources/css/clouds.css
@@ -85,7 +85,7 @@ table {
  *     +---wt-footer wt-footer-xxxxx
  */
 
-.wt-global {
+::backdrop, .wt-global {
     background: #c8e7ff url(clouds/images/background.png) repeat-x fixed top left;
     color: #006;
 }

diff --git a/resources/css/colors.css b/resources/css/colors.css
@@ -90,7 +90,7 @@
  *     +---wt-footer wt-footer-xxxxx
  */
 
-.wt-global {
+::backdrop, .wt-global {
     background: #fff;
     color: #333;
 }

diff --git a/resources/css/fab.css b/resources/css/fab.css
@@ -83,7 +83,7 @@ table {
  *     +---wt-footer wt-footer-xxxxx
  */
 
-.wt-global {
+::backdrop, .wt-global {
     color: #555;
 }
 

diff --git a/resources/css/minimal.css b/resources/css/minimal.css
@@ -81,7 +81,7 @@ table {
  *     +---wt-footer wt-footer-xxxxx
  */
 
-.wt-global {
+::backdrop, .wt-global {
     /* Avoid extremes of black and white.  It is better for users with dyslexia. */
     color: #0a0a0a;
     background-color: #f9f9f9;

diff --git a/resources/css/webtrees.css b/resources/css/webtrees.css
@@ -81,7 +81,7 @@ table {
  *     +---wt-footer wt-footer-xxxxx
  */
 
-.wt-global {
+::backdrop, .wt-global {
     color: #555;
 }
 

diff --git a/resources/css/xenea.css b/resources/css/xenea.css
@@ -81,7 +81,7 @@ table {
  *     +---wt-footer wt-footer-xxxxx
  */
 
-.wt-global {
+::backdrop, .wt-global {
     color: #006;
 }
 

diff --git a/resources/views/admin/location-edit.phtml b/resources/views/admin/location-edit.phtml
@@ -29,7 +29,7 @@ use Fisharebest\Webtrees\View;
 <div class="row wt-location-edit-wrapper wt-fullscreen-container">
     <div id="wt-map" class="col-sm-9 wt-ajax-load wt-map" dir="ltr"></div>
 
-    <div class="col-sm-3 wt-sidebar">
+    <div class="col-sm-3 wt-map-sidebar">
         <form method="post" action="<?= e(route(MapDataSave::class)) ?>">
             <input type="hidden" name="parent_id" value="<?= $parent->id() ?>">
             <input type="hidden" name="place_id" value="<?= $location->id() ?>">

diff --git a/resources/views/individual-page-sidebars.phtml b/resources/views/individual-page-sidebars.phtml
@@ -12,7 +12,7 @@ use Illuminate\Support\Collection;
  */
 ?>
 
-<div class="accordion" id="sidebar">
+<div class="accordion wt-sidebar" id="sidebar">
     <?php foreach ($sidebars as $sidebar) : ?>
         <div class="accordion-item">
             <div class="accordion-header" id="sidebar-header-<?= $sidebar->name() ?>">

diff --git a/resources/views/modules/pedigree-map/chart.phtml b/resources/views/modules/pedigree-map/chart.phtml
@@ -13,7 +13,7 @@ use Fisharebest\Webtrees\View;
 
 <div class="row my-4 gchart wt-pedigree-map-wrapper wt-fullscreen-container">
     <div id="wt-map" class="col-sm-9 wt-ajax-load wt-map" dir="ltr"></div>
-    <ul class="col-sm-3 wt-sidebar wt-page-options-value list-unstyled px-1 mb-0"></ul>
+    <ul class="col-sm-3 wt-map-sidebar wt-page-options-value list-unstyled px-1 mb-0"></ul>
 </div>
 
 <?php View::push('javascript') ?>
@@ -22,7 +22,7 @@ use Fisharebest\Webtrees\View;
 
   (function () {
     const config = <?= json_encode($leaflet_config, JSON_THROW_ON_ERROR) ?>;
-    const sidebar = document.querySelector('.wt-sidebar');
+    const sidebar = document.querySelector('.wt-map-sidebar');
 
     const scrollOptions = {
       behavior: "smooth",

diff --git a/resources/views/modules/place-hierarchy/map.phtml b/resources/views/modules/place-hierarchy/map.phtml
@@ -13,7 +13,7 @@ use Fisharebest\Webtrees\View;
 
 <div class="row gchart wt-place-hierarchy-wrapper wt-fullscreen-container">
     <div id="wt-map" class="col-sm-9 wt-ajax-load wt-map" dir="ltr"></div>
-    <ul class="col-sm-3 wt-sidebar wt-page-options-value list-unstyled px-md-1 mb-0"></ul>
+    <ul class="col-sm-3 wt-map-sidebar wt-page-options-value list-unstyled px-md-1 mb-0"></ul>
 </div>
 
 <?php View::push('javascript') ?>
@@ -24,7 +24,7 @@ use Fisharebest\Webtrees\View;
     const config = <?= json_encode($leaflet_config, JSON_THROW_ON_ERROR) ?>;
 
     let map = null;
-    const sidebar = document.querySelector('.wt-sidebar');
+    const sidebar = document.querySelector('.wt-map-sidebar');
 
     const scrollOptions = {
       behavior: "smooth",

diff --git a/resources/views/modules/places/tab.phtml b/resources/views/modules/places/tab.phtml
@@ -14,7 +14,7 @@ use Fisharebest\Webtrees\I18N;
 <div class="py-4">
     <div class="row gchart wt-places-tab-wrapper wt-fullscreen-container">
         <div id="wt-map" class="col-sm-9 wt-ajax-load wt-map" dir="ltr"></div>
-        <ul class="col-sm-3 wt-sidebar wt-page-options-value list-unstyled px-md-1"></ul>
+        <ul class="col-sm-3 wt-map-sidebar wt-page-options-value list-unstyled px-md-1"></ul>
     </div>
 </div>
 
@@ -25,7 +25,7 @@ use Fisharebest\Webtrees\I18N;
     const config = <?= json_encode($leaflet_config, JSON_THROW_ON_ERROR) ?>;
 
     let map = null;
-    const sidebar = document.querySelector('.wt-sidebar');
+    const sidebar = document.querySelector('.wt-map-sidebar');
 
     const scrollOptions = {
       behavior: "smooth",