yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-08-19 14:44:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(search): Border is too thick for sidebar (#9528)

Browse Source
This commit is contained in:
Sumit Patil 2023-12-28 21:37:57 +05:30 committed by GitHub
parent e343b69ce4
commit 4de2c24249
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
datahub-web-react/src/app/search/sidebar/BrowseSidebar.tsx
View File

@ -9,7 +9,6 @@ import useSidebarEntities from './useSidebarEntities';
import { ANTD_GRAY_V2 } from '../../entity/shared/constants'; import { ANTD_GRAY_V2 } from '../../entity/shared/constants';
import { ProfileSidebarResizer } from '../../entity/shared/containers/profile/sidebar/ProfileSidebarResizer'; import { ProfileSidebarResizer } from '../../entity/shared/containers/profile/sidebar/ProfileSidebarResizer';
export const MAX_BROWSER_WIDTH = 500; export const MAX_BROWSER_WIDTH = 500;
export const MIN_BROWSWER_WIDTH = 200; export const MIN_BROWSWER_WIDTH = 200;
@ -18,7 +17,6 @@ export const SidebarWrapper = styled.div<{ visible: boolean; width: number }>`
width: ${(props) => (props.visible ? `${props.width}px` : '0')}; width: ${(props) => (props.visible ? `${props.width}px` : '0')};
min-width: ${(props) => (props.visible ? `${props.width}px` : '0')}; min-width: ${(props) => (props.visible ? `${props.width}px` : '0')};
transition: width 250ms ease-in-out; transition: width 250ms ease-in-out;
border-right: 1px solid ${(props) => props.theme.styles['border-color-base']};
background-color: ${ANTD_GRAY_V2[1]}; background-color: ${ANTD_GRAY_V2[1]};
background: white; background: white;
`; `;
@ -53,7 +51,12 @@ const BrowseSidebar = ({ visible }: Props) => {
return ( return (
<> <>
<SidebarWrapper visible={visible} width={browserWidth} id={SEARCH_RESULTS_BROWSE_SIDEBAR_ID} data-testid="browse-v2"> <SidebarWrapper
visible={visible}
width={browserWidth}
id={SEARCH_RESULTS_BROWSE_SIDEBAR_ID}
data-testid="browse-v2"
>
<SidebarHeader> <SidebarHeader>
<Typography.Text strong>Navigate</Typography.Text> <Typography.Text strong>Navigate</Typography.Text>
</SidebarHeader> </SidebarHeader>