Add focus indicator to Document Handler (#1566)

hajkmap · Nov 26, 2024 · 993bcb9 · 993bcb9
1 parent e7b9582
commit 993bcb9
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/apps/client/src/plugins/DocumentHandler/documentWindow/DocumentViewer.js b/apps/client/src/plugins/DocumentHandler/documentWindow/DocumentViewer.js
@@ -21,6 +21,13 @@ const ContentContainer = styled(Grid)(({ theme }) => ({
   paddingLeft: theme.spacing(2),
   paddingRight: theme.spacing(2),
   outline: "none",
+  "&:focus": {
+    backgroundColor: theme.palette.action.focus,
+  },
+  "&.fade-out": {
+    backgroundColor: "initial",
+    transition: "background-color 0.4s ease",
+  },
 }));
 
 const TocGridWrapper = styled(Grid)(({ theme }) => ({