diff --git a/frontend/src/components/BookTable/index.tsx b/frontend/src/components/BookTable/index.tsx index 5ab9b74c..5bc04601 100644 --- a/frontend/src/components/BookTable/index.tsx +++ b/frontend/src/components/BookTable/index.tsx @@ -40,6 +40,26 @@ const ClickThroughDataGrid = styled(DataGrid)({ '& .MuiDataGrid-overlayWrapperInner': { pointerEvents: 'none', }, + // Temporary fix for regression for hidden column labels on Mobile: + // https://github.com/mui/mui-x/issues/9776#issuecomment-1648306844 + '@media (hover: none)': { + '&& .MuiDataGrid-menuIcon': { + width: 0, + visibility: 'hidden', + }, + '&& .MuiDataGrid-sortIcon': { + width: 0, + visibility: 'hidden', + }, + }, + '&& .MuiDataGrid-columnHeader--sorted .MuiDataGrid-menuIcon': { + width: 'auto', + visibility: 'visible', + }, + '&& .MuiDataGrid-columnHeader--sorted .MuiDataGrid-sortIcon': { + width: 'auto', + visibility: 'visible', + }, }); const premiumColor = function (baseColor: string, accentColor: string, point: number) {