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:
parent
85583772a3
commit
cee8c22063
3 changed files with 42 additions and 6 deletions
|
|
@ -659,7 +659,9 @@
|
|||
Filter Modal
|
||||
======================================== */
|
||||
|
||||
.hvac-filter-modal {
|
||||
/* CRITICAL FIX: Filter modal must be hidden by default */
|
||||
.hvac-filter-modal,
|
||||
#hvac-filter-modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
|
@ -667,15 +669,22 @@
|
|||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999998;
|
||||
display: none;
|
||||
display: none !important; /* CRITICAL: Force hidden */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.hvac-filter-modal.active,
|
||||
.hvac-filter-modal.show {
|
||||
display: flex;
|
||||
/* Only show when JavaScript explicitly activates it */
|
||||
.hvac-filter-modal.modal-active,
|
||||
#hvac-filter-modal.modal-active {
|
||||
display: flex !important;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.hvac-filter-modal-content {
|
||||
|
|
|
|||
27
scripts/deploy-child-theme-css.sh
Executable file
27
scripts/deploy-child-theme-css.sh
Executable 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!"
|
||||
|
|
@ -532,7 +532,7 @@ if (!empty($approved_user_ids)) {
|
|||
</div>
|
||||
|
||||
<!-- 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">
|
||||
<h3 class="hvac-filter-modal-title"></h3>
|
||||
<div class="hvac-filter-options"></div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue