From b481ead907eb0ed2ad7631898c7d25ae1c34e271 Mon Sep 17 00:00:00 2001
From: Chris Beer <chris@cbeer.info>
Date: Tue, 19 Dec 2023 08:05:11 -0800
Subject: [PATCH] Clean up WindowSideBar styling
---
src/components/WindowSideBar.js | 16 ++++++----------
1 file changed, 6 insertions(+), 10 deletions(-)
diff --git a/src/components/WindowSideBar.js b/src/components/WindowSideBar.js
index c036a8faa..7750eeb29 100644
--- a/src/components/WindowSideBar.js
+++ b/src/components/WindowSideBar.js
@@ -6,11 +6,15 @@ import WindowSideBarButtons from '../containers/WindowSideBarButtons';
const Root = styled(Drawer, { name: 'WindowSideBar', slot: 'root' })(({ theme }) => ({
flexShrink: 0,
- height: '100%',
order: -1000,
zIndex: theme.zIndex.appBar - 1,
}));
+const Nav = styled('nav', { name: 'WindowSideBar', slot: 'nav' })({
+ position: 'relative !important',
+ width: 48,
+});
+
/**
* WindowSideBar
*/
@@ -31,15 +35,7 @@ export class WindowSideBar extends Component {
anchor={direction === 'rtl' ? 'right' : 'left'}
PaperProps={{
'aria-label': t('sidebarPanelsNavigation'),
- component: 'nav',
- sx: {
- borderBlock: 0,
- borderInlineStart: 0,
- height: '100%',
- overflowX: 'hidden',
- position: 'relative',
- width: 48,
- },
+ component: Nav,
variant: 'outlined',
}}
SlideProps={{ direction: direction === 'rtl' ? 'left' : 'right', mountOnEnter: true, unmountOnExit: true }}
--
GitLab