From ff57b8a0aee3288caa812d404c7230d3b3e827a5 Mon Sep 17 00:00:00 2001
From: Reckless_Satoshi <90936742+Reckless-Satoshi@users.noreply.github.com>
Date: Mon, 24 Jul 2023 19:23:53 +0000
Subject: [PATCH] Fix book header labels (#750)

---
 frontend/src/components/BookTable/index.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

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) {