From 4677057beed13062bbac3d2af79563bfbe4df1ae Mon Sep 17 00:00:00 2001 From: stacksmash76 <98354295+stacksmash76@users.noreply.github.com> Date: Sat, 11 Jun 2022 19:11:42 +0200 Subject: [PATCH] fix(web): mobile ux improvements (#296) * fix(ListboxFilter): Added z-index in order to properly render dropdown box. fix(ReleaseTable): Added flex-direction: column to wrap on mobile devices (otherwise it's set to row) feat(DownloadClientSettingsListItem): Made it possible to toggle client state directly, without opening the update form. * fix(TitleCell): Improved responsiveness across all relevant screen selectors. * fix(FilterDetails): Fixed incorrect overflow property ordering. --- web/src/components/data-table/Cells.tsx | 2 +- web/src/screens/filters/details.tsx | 152 ++++++++++---------- web/src/screens/releases/Filters.tsx | 2 +- web/src/screens/releases/ReleaseTable.tsx | 2 +- web/src/screens/settings/DownloadClient.tsx | 31 +++- 5 files changed, 105 insertions(+), 84 deletions(-) diff --git a/web/src/components/data-table/Cells.tsx b/web/src/components/data-table/Cells.tsx index bff2d09..04b6308 100644 --- a/web/src/components/data-table/Cells.tsx +++ b/web/src/components/data-table/Cells.tsx @@ -17,7 +17,7 @@ export const AgeCell = ({ value }: CellProps) => ( export const TitleCell = ({ value }: CellProps) => (