Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-03-04 00:18:40 +01:00
Code Issues Projects Releases Wiki Activity

fix: Prevent jumping content navbar switch (#7232)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2024-06-03 08:52:03 +02:00 committed by GitHub
parent 569c15c05d
commit e6b0c4fdb5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/component/layout/MainLayout/NavigationSidebar/NavigationList.tsx
View File

@ -238,7 +238,12 @@ export const RecentProjectsNavigation: FC<{
<Box> <Box>
{mode === 'full' && ( {mode === 'full' && (
<Typography <Typography
sx={{ fontWeight: 'bold', fontSize: 'small', mb: 1, ml: 2 }} sx={{
fontWeight: 'bold',
fontSize: 'small',
ml: 2,
mt: 1.5,
}}
> >
Recent project Recent project
</Typography> </Typography>
@ -261,7 +266,7 @@ export const RecentFlagsNavigation: FC<{
<Box> <Box>
{mode === 'full' && ( {mode === 'full' && (
<Typography <Typography
sx={{ fontWeight: 'bold', fontSize: 'small', mb: 1, ml: 2 }} sx={{ fontWeight: 'bold', fontSize: 'small', ml: 2 }}
> >
Recent flags Recent flags
</Typography> </Typography>

3
frontend/src/component/layout/MainLayout/NavigationSidebar/NavigationSidebar.tsx
View File

@ -45,8 +45,9 @@ export const StretchContainer = styled(Box)(({ theme }) => ({
alignSelf: 'stretch', alignSelf: 'stretch',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
gap: theme.spacing(3), gap: theme.spacing(2),
zIndex: 1, zIndex: 1,
overflowAnchor: 'none',
})); }));
export const NavigationSidebar = () => { export const NavigationSidebar = () => {

2
frontend/src/component/layout/MainLayout/NavigationSidebar/ShowHide.tsx
View File

@ -11,7 +11,7 @@ const ShowHideRow = styled(Box, {
display: 'flex', display: 'flex',
justifyContent: 'space-between', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
padding: theme.spacing(2, 1, 0, mode === 'mini' ? 1.5 : 2), padding: theme.spacing(0, 1, 0, mode === 'mini' ? 1.5 : 2),
cursor: 'pointer', cursor: 'pointer',
position: 'sticky', position: 'sticky',
bottom: theme.spacing(2), bottom: theme.spacing(2),