From 31e5f3a72892be9c7a180c563f36f5e2b9271c3d Mon Sep 17 00:00:00 2001
From: Alexander Polyankin <alexander.polyankin@metabase.com>
Date: Thu, 7 Jul 2022 19:55:04 +0300
Subject: [PATCH] Make the question lineage be visible when the sidebar is
opened (#23762)
---
.../metabase/nav/components/AppBar/AppBarLarge.styled.tsx | 8 ++++----
.../src/metabase/nav/components/AppBar/AppBarLarge.tsx | 4 +++-
2 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/frontend/src/metabase/nav/components/AppBar/AppBarLarge.styled.tsx b/frontend/src/metabase/nav/components/AppBar/AppBarLarge.styled.tsx
index 7525ae55245..23b4aa5a3f0 100644
--- a/frontend/src/metabase/nav/components/AppBar/AppBarLarge.styled.tsx
+++ b/frontend/src/metabase/nav/components/AppBar/AppBarLarge.styled.tsx
@@ -49,16 +49,16 @@ export const AppBarRightContainer = styled.div`
`;
export interface AppBarInfoContainerProps {
- isNavBarOpen?: boolean;
+ isVisible?: boolean;
}
export const AppBarInfoContainer = styled.div<AppBarInfoContainerProps>`
display: flex;
min-width: 0;
- opacity: ${props => (props.isNavBarOpen ? 0 : 1)};
- visibility: ${props => (props.isNavBarOpen ? "hidden" : "visible")};
+ opacity: ${props => (props.isVisible ? 1 : 0)};
+ visibility: ${props => (props.isVisible ? "visible" : "hidden")};
transition: ${props =>
- props.isNavBarOpen ? `opacity 0.5s, visibility 0s` : `opacity 0.5s`};
+ props.isVisible ? `opacity 0.5s` : `opacity 0.5s, visibility 0s`};
`;
export const AppBarProfileLinkContainer = styled.div`
diff --git a/frontend/src/metabase/nav/components/AppBar/AppBarLarge.tsx b/frontend/src/metabase/nav/components/AppBar/AppBarLarge.tsx
index 706507e7b50..fae79bedc83 100644
--- a/frontend/src/metabase/nav/components/AppBar/AppBarLarge.tsx
+++ b/frontend/src/metabase/nav/components/AppBar/AppBarLarge.tsx
@@ -49,7 +49,9 @@ const AppBarLarge = ({
isToggleVisible={isNavBarVisible}
onToggleClick={onToggleNavbar}
/>
- <AppBarInfoContainer isNavBarOpen={isNavBarOpen}>
+ <AppBarInfoContainer
+ isVisible={!isNavBarOpen || isQuestionLineageVisible}
+ >
{isQuestionLineageVisible ? (
<QuestionLineage />
) : isCollectionPathVisible ? (
--
GitLab