Skip to main content

Rentiva v4.48.0 — Mobile responsive CSS fixes

· One min read
MaxHandMade
MaxHandMade
Maintainer

Three mobile-responsive CSS fixes for the admin interface: Messages table card layout, KPI stat card grid collapse, and Reports date filter stack. All targeting real mobile viewports where the WP admin sidebar is collapsed.

What Changed​

Messages Table — Mobile Card Layout​

At viewport widths ≤ 375 px, the Messages table now stacks to a single-column card layout. Column headers are rendered via CSS ::before pseudo-elements reading from data-label attributes on <td> elements — no JavaScript required.

KPI Stat Cards — Responsive Grid​

The stat card grid now collapses responsively:

  • ≤ 768 px → 2 columns
  • ≤ 480 px → 1 column

Applies to the Customers, Reports, and Dashboard admin pages.

Reports Date Filter — Vertical Stack​

The date range filter (Start Date / End Date) on the Reports page now switches to a vertical stack at ≤ 768 px, preventing the inputs from overflowing the viewport on mobile devices.