yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-08-31 20:51:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

MINOR: sidebar ui fix (#14761)

Browse Source 
* MINOR: sidebar ui fix

* fix app icon movement
This commit is contained in:
Ashish Gupta 2024-01-17 21:49:21 +05:30 committed by GitHub
parent 0d0d820305
commit 0d7833bf23
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
openmetadata-ui/src/main/resources/ui/src/components/MyData/LeftSidebar/LeftSidebar.component.tsx
View File

@ -107,9 +107,7 @@ const LeftSidebar = () => {
<Link className="flex-shrink-0" id="openmetadata_logo" to="/"> <Link className="flex-shrink-0" id="openmetadata_logo" to="/">
<BrandImage <BrandImage
alt="OpenMetadata Logo" alt="OpenMetadata Logo"
className={classNames('vertical-middle ', { className="vertical-middle"
'm-l-sm': !isSidebarCollapsed,
})}
dataTestId="image" dataTestId="image"
height={isSidebarCollapsed ? 30 : 34} height={isSidebarCollapsed ? 30 : 34}
isMonoGram={isSidebarCollapsed} isMonoGram={isSidebarCollapsed}

25
openmetadata-ui/src/main/resources/ui/src/components/MyData/LeftSidebar/left-sidebar.less
View File

@ -42,9 +42,8 @@
.brand-logo-container { .brand-logo-container {
height: 64px; height: 64px;
display: flex; padding-top: 17px;
align-items: center; padding-left: 14px;
justify-content: center;
background: rgba(248, 248, 248, 1); background: rgba(248, 248, 248, 1);
} }
@ -53,10 +52,6 @@
.sidebar-open { .sidebar-open {
width: 230px; width: 230px;
.brand-logo-container {
justify-content: flex-start;
}
.ant-menu-submenu-arrow { .ant-menu-submenu-arrow {
opacity: 1; opacity: 1;
} }
@ -69,12 +64,6 @@
display: none; display: none;
} }
.ant-menu-submenu-open {
.ant-menu-submenu-title {
background: rgba(9, 80, 197, 0.04);
}
}
.left-sidebar-menu.ant-menu { .left-sidebar-menu.ant-menu {
.ant-menu-item { .ant-menu-item {
.ant-menu-item-icon { .ant-menu-item-icon {
@ -233,7 +222,8 @@
&:not(.ant-menu-horizontal) .ant-menu-item-selected, &:not(.ant-menu-horizontal) .ant-menu-item-selected,
.ant-menu-item:active, .ant-menu-item:active,
.ant-menu-submenu-title:active, .ant-menu-submenu-title:active,
.ant-menu-item:hover { .ant-menu-item:hover,
.ant-menu-submenu-title:hover {
background-color: @left-nav-item-background; background-color: @left-nav-item-background;
color: @text-color; color: @text-color;
@ -266,6 +256,13 @@
text-decoration: none; text-decoration: none;
} }
.left-panel-item.ant-btn-text {
&:hover,
&:focus {
background: initial;
}
}
.page-layout-leftpanel { .page-layout-leftpanel {
padding: 0 0 24px 0 !important; padding: 0 0 24px 0 !important;
border-right: 1px solid @border-color; border-right: 1px solid @border-color;