Skip to content

v1.7.0 - Mobile Filter Panel Settings

Choose a tag to compare

@dbreck dbreck released this 14 Jan 22:15
· 29 commits to main since this release

What's New

Mobile Filter Panel Settings

  • Fixed mobile overlap issue - Filter panel now displays below the map using CSS flexbox, pushing content down instead of overlapping
  • New Mobile Settings card in admin with display mode options
  • Three mobile display modes:
    • Below Map (default) - Filter panel appears below the map
    • Bottom Drawer - Original slide-up overlay behavior
    • Hidden - Hide filter panel completely on mobile
  • Mobile filter height setting - Customize max height for "below" mode
  • Mobile filter style override - Use different button style on mobile (list/pills)
  • Categories start collapsed on mobile by default

Files Modified

  • assets/css/map.css - Mobile flexbox layout, new display mode classes
  • assets/js/map.js - Updated mobile drawer handling
  • includes/class-admin.php - Mobile Settings card
  • includes/class-map-renderer.php - Pass mobile settings to JS