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
|
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 {
|
||||||
|
|
|
||||||
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>
|
</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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue