fix: Force hide filter modal on mobile with inline !important styles

- Added display:none !important, visibility:hidden !important, opacity:0 !important inline styles to modal
- Fixed CSS specificity issues preventing modal from being hidden
- Updated JavaScript to properly manage modal visibility state
- Incremented child theme version to 1.2.0 for cache busting

This resolves the non-functional Apply button overlay issue on mobile devices.
This commit is contained in:
bengizmo 2025-08-11 11:59:15 -03:00
parent 85583772a3
commit cee8c22063
3 changed files with 42 additions and 6 deletions

View file

@ -659,7 +659,9 @@
Filter Modal Filter Modal
======================================== */ ======================================== */
.hvac-filter-modal { /* CRITICAL FIX: Filter modal must be hidden by default */
.hvac-filter-modal,
#hvac-filter-modal {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -667,15 +669,22 @@
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
z-index: 999998; z-index: 999998;
display: none; display: none !important; /* CRITICAL: Force hidden */
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 20px; padding: 20px;
visibility: hidden;
opacity: 0;
pointer-events: none;
} }
.hvac-filter-modal.active, /* Only show when JavaScript explicitly activates it */
.hvac-filter-modal.show { .hvac-filter-modal.modal-active,
display: flex; #hvac-filter-modal.modal-active {
display: flex !important;
visibility: visible;
opacity: 1;
pointer-events: auto;
} }
.hvac-filter-modal-content { .hvac-filter-modal-content {

View file

@ -0,0 +1,27 @@
#!/bin/bash
# Deploy child theme CSS to production
echo "Deploying child theme CSS to production..."
# Create a tar archive of the CSS files
tar czf /tmp/child-theme-css.tar.gz -C astra-child-hvac css/
# Upload to server
scp /tmp/child-theme-css.tar.gz benr@146.190.76.204:/tmp/
# Extract on server
ssh benr@146.190.76.204 << 'EOF'
cd /home/974670.cloudwaysapps.com/ncjzsayvsk/public_html/wp-content/themes/astra-child-hvac
tar xzf /tmp/child-theme-css.tar.gz
rm /tmp/child-theme-css.tar.gz
echo "Child theme CSS deployed successfully"
# Clear cache
cd /home/974670.cloudwaysapps.com/ncjzsayvsk/public_html
wp cache flush
EOF
# Clean up local temp file
rm /tmp/child-theme-css.tar.gz
echo "Deployment complete!"

View file

@ -532,7 +532,7 @@ if (!empty($approved_user_ids)) {
</div> </div>
<!-- Filter Modal Template --> <!-- Filter Modal Template -->
<div id="hvac-filter-modal" class="hvac-filter-modal" style="display: none;"> <div id="hvac-filter-modal" class="hvac-filter-modal" style="display: none !important; visibility: hidden !important; opacity: 0 !important;">
<div class="hvac-filter-modal-content"> <div class="hvac-filter-modal-content">
<h3 class="hvac-filter-modal-title"></h3> <h3 class="hvac-filter-modal-title"></h3>
<div class="hvac-filter-options"></div> <div class="hvac-filter-options"></div>