You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@superset.apache.org by mi...@apache.org on 2023/10/31 14:35:36 UTC
(superset) 05/11: fix(horizontal filter label): show full tooltip with ellipsis (#25732)
This is an automated email from the ASF dual-hosted git repository.
michaelsmolina pushed a commit to branch 3.0
in repository https://gitbox.apache.org/repos/asf/superset.git
commit 9b31d97ac337bc02f4bfe5c3e5f091da685567a1
Author: Ross Mabbett <92...@users.noreply.github.com>
AuthorDate: Mon Oct 23 13:51:48 2023 -0300
fix(horizontal filter label): show full tooltip with ellipsis (#25732)
(cherry picked from commit e4173d90c8ccef58a87ec7ac00b57c1ec9317c11)
---
.../nativeFilters/FilterBar/FilterControls/FilterControl.tsx | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
index 515fed1907..37739e5370 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
@@ -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}
>