iop
/
superset
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(horizontal filter label): show full tooltip with ellipsis (#25732)

This commit is contained in:
Ross Mabbett 2023-10-23 13:51:48 -03:00 committed by GitHub
parent cbbf2bed6e
commit e4173d90c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
View File

@ -112,6 +112,7 @@ const HorizontalOverflowFilterControlContainer = styled(
const VerticalFormItem = styled(StyledFormItem)`
.ant-form-item-label {
overflow: visible;
label.ant-form-item-required:not(.ant-form-item-required-mark-optional) {
&::after {
display: none;
@ -127,6 +128,7 @@ const HorizontalFormItem = styled(StyledFormItem)`
}
.ant-form-item-label {
overflow: visible;
padding-bottom: 0;
margin-right: ${({ theme }) => theme.gridUnit * 2}px;
label.ant-form-item-required:not(.ant-form-item-required-mark-optional) {
@ -200,10 +202,11 @@ const DescriptionToolTip = ({ description }: { description: string }) => (
placement="right"
overlayInnerStyle={{
display: '-webkit-box',
overflow: 'hidden',
WebkitLineClamp: 20,
WebkitLineClamp: 10,
WebkitBoxOrient: 'vertical',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'normal',
}}
getPopupContainer={trigger => trigger.parentElement as HTMLElement}
>