yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-10-02 04:13:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): explore tabs with elipsis to render label and count properly (#21663)

Browse Source 
(cherry picked from commit cb57656ae98997d6c4addc973cfa630bb5c884d1)
This commit is contained in:
Chirag Madlani 2025-06-10 04:34:24 +05:30 committed by OpenMetadata Release Bot
parent 132616b769
commit f79c597e43
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
openmetadata-ui/src/main/resources/ui/src/components/ExploreV1/exploreV1.less
View File

@ -32,6 +32,13 @@
height: 16px;
}
.explore-tab-label {
display: flex;
align-items: center;
flex: 1;
min-width: 0;
}
.explore-left-panel {
position: sticky;
top: 0;

5
openmetadata-ui/src/main/resources/ui/src/utils/ExploreUtils.tsx
View File

@ -470,12 +470,13 @@ export const generateTabItems = (
<div
className="d-flex items-center justify-between"
data-testid={`${lowerCase(tabDetail.label)}-tab`}>
<div className="d-flex items-center">
<div className="explore-tab-label">
<span className="explore-icon d-flex m-r-xs">
<Icon />
</span>
<Typography.Text
className={tabSearchIndex === searchIndex ? 'text-primary' : ''}>
className={tabSearchIndex === searchIndex ? 'text-primary' : ''}
ellipsis={{ tooltip: true }}>
{tabDetail.label}
</Typography.Text>
</div>