mirror of
https://github.com/Unleash/unleash.git
synced 2025-03-04 00:18:40 +01:00
fix: Prevent jumping content navbar switch (#7232)
This commit is contained in:
parent
569c15c05d
commit
e6b0c4fdb5
@ -238,7 +238,12 @@ export const RecentProjectsNavigation: FC<{
|
||||
<Box>
|
||||
{mode === 'full' && (
|
||||
<Typography
|
||||
sx={{ fontWeight: 'bold', fontSize: 'small', mb: 1, ml: 2 }}
|
||||
sx={{
|
||||
fontWeight: 'bold',
|
||||
fontSize: 'small',
|
||||
ml: 2,
|
||||
mt: 1.5,
|
||||
}}
|
||||
>
|
||||
Recent project
|
||||
</Typography>
|
||||
@ -261,7 +266,7 @@ export const RecentFlagsNavigation: FC<{
|
||||
<Box>
|
||||
{mode === 'full' && (
|
||||
<Typography
|
||||
sx={{ fontWeight: 'bold', fontSize: 'small', mb: 1, ml: 2 }}
|
||||
sx={{ fontWeight: 'bold', fontSize: 'small', ml: 2 }}
|
||||
>
|
||||
Recent flags
|
||||
</Typography>
|
||||
|
@ -45,8 +45,9 @@ export const StretchContainer = styled(Box)(({ theme }) => ({
|
||||
alignSelf: 'stretch',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
gap: theme.spacing(3),
|
||||
gap: theme.spacing(2),
|
||||
zIndex: 1,
|
||||
overflowAnchor: 'none',
|
||||
}));
|
||||
|
||||
export const NavigationSidebar = () => {
|
||||
|
@ -11,7 +11,7 @@ const ShowHideRow = styled(Box, {
|
||||
display: 'flex',
|
||||
justifyContent: 'space-between',
|
||||
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',
|
||||
position: 'sticky',
|
||||
bottom: theme.spacing(2),
|
||||
|
Loading…
Reference in New Issue
Block a user