offset modals on navbar show

digitaltom · Jan 22, 2025 · 66a772f · 66a772f
1 parent 052b764
commit 66a772f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/app/assets/stylesheets/modals.css b/app/assets/stylesheets/modals.css
@@ -9,9 +9,9 @@
   border-radius: 10px;
   background-color: rgb(255 255 255 / 90%);
 
+  /* Todo: Looks cool, but slows down browsers */
   /* backdrop-filter: blur(3px); */
 
- /* Todo: Looks cool, but slows down browsers */
   z-index: 1000;
   padding: 1.5em 1em 1.5em 1.5em;
   border: 1px solid #ccc;

diff --git a/app/javascript/controllers/map_controller.js b/app/javascript/controllers/map_controller.js
@@ -10,6 +10,7 @@ export default class extends Controller {
   toggleNavigation (event) {
     if (document.querySelector('#map-header').style.display === 'none') {
       functions.e('#map-header', e => { e.style.display = 'block' })
+      functions.e('.map-modal', e => { e.style.top = '4em' })
       functions.e('#map-nav-toggle', e => {
         e.classList.remove('bi-caret-down')
         e.classList.add('bi-caret-up')
@@ -20,6 +21,7 @@ export default class extends Controller {
       animateElement('.navbar', 'fade-down')
     } else {
       functions.e('#map-header', e => { e.style.display = 'none' })
+      functions.e('.map-modal', e => { e.style.top = '0' })
       functions.e('#map-nav-toggle', e => {
         e.classList.remove('bi-caret-up')
         e.classList.add('bi-caret-down')