Use a Drawer
component on smaller screens for the filter controls
#13
Labels
enhancement
New feature or request
Current behavior: We
flex-col
the two children ‘filter controls’ and ‘table’ and therefore, the longer the filters are, the more you have to scroll to actually find the content. The toggle to hide/show the filters control exists but is only very close to the table so you still have to scroll down on inital page load to hide it.Ideal behavior: We hide the lefthand column on smaller devices and replace the toggle button with a simple drawer opening trigger. The filters open the drawer and can be selected inside of it.
Current:
![Image](https://private-user-images.githubusercontent.com/56969857/408862712-5f6f4bac-d8ab-482f-9beb-f2a038435b80.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNzg4MDYsIm5iZiI6MTczOTE3ODUwNiwicGF0aCI6Ii81Njk2OTg1Ny80MDg4NjI3MTItNWY2ZjRiYWMtZDhhYi00ODJmLTliZWItZjJhMDM4NDM1YjgwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA5MDgyNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk2NzcwNzJlYWU0MjJjMjcxMmNhZmM3MDA0NThlMTZmNDY2M2M0MDIyNGY5Yjk3MzFiZjJlZjEwM2I5ZDM1NTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.3ZwoVz4CkZylBPtr7qT1T-bYdqnidDn7HSgs0ld7oB0)
Vercel Drawer (as example):
![Image](https://private-user-images.githubusercontent.com/56969857/408862716-ae020142-f95c-4b7a-b97b-b09bdac5e298.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxNzg4MDYsIm5iZiI6MTczOTE3ODUwNiwicGF0aCI6Ii81Njk2OTg1Ny80MDg4NjI3MTYtYWUwMjAxNDItZjk1Yy00YjdhLWI5N2ItYjA5YmRhYzVlMjk4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA5MDgyNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAzMmUyOWE1OWYwYzdlM2JmMWRiYzdkZDk5MDE5YjRkMjIwMjAyZTdiNmRkZTIyNzJjM2NiOWJlMzkwZjU1ZjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.t814osGOo-4WmuKYBtLGmviD2omxMf1V2FliYpNRvjA)
The text was updated successfully, but these errors were encountered: