fix: Adjust ProductFilters component to clear min-height on mobile screens for improved responsiveness
This commit is contained in:
@@ -273,13 +273,15 @@ class ProductFilters extends Component {
|
||||
|
||||
|
||||
adjustPaperHeight = () => {
|
||||
// Skip height adjustment on xs screens
|
||||
if (window.innerWidth < 600) return;
|
||||
|
||||
// Get reference to our paper element
|
||||
const paperEl = document.getElementById('filters-paper');
|
||||
if (!paperEl) return;
|
||||
|
||||
// No min-height on mobile — also clears inline style after resize from desktop
|
||||
if (window.innerWidth < 600) {
|
||||
paperEl.style.minHeight = '';
|
||||
return;
|
||||
}
|
||||
|
||||
// Get viewport height
|
||||
const viewportHeight = window.innerHeight;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user