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/08/30 12:41:04 UTC
[superset] 05/11: fix: Filter names overflow wrap (#25087)
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 9ceba619c3f2dddd37ea14f5dc3d20a77942d37c
Author: Michael S. Molina <70...@users.noreply.github.com>
AuthorDate: Mon Aug 28 11:28:16 2023 -0300
fix: Filter names overflow wrap (#25087)
(cherry picked from commit b5bac6c87600ccca301d40ae97b67d4366cdf84c)
---
.../components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx | 2 +-
.../src/dashboard/components/nativeFilters/FilterCard/Styles.ts | 1 +
2 files changed, 2 insertions(+), 1 deletion(-)
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 c826d5dbff..515fed1907 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
@@ -43,7 +43,7 @@ const VerticalFilterControlTitle = styled.h4`
font-size: ${({ theme }) => theme.typography.sizes.s}px;
color: ${({ theme }) => theme.colors.grayscale.dark1};
margin: 0;
- overflow-wrap: break-word;
+ overflow-wrap: anywhere;
`;
const HorizontalFilterControlTitle = styled(VerticalFilterControlTitle)`
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/Styles.ts b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/Styles.ts
index 8090201f1c..7ccd461cf9 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/Styles.ts
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/Styles.ts
@@ -96,4 +96,5 @@ export const TooltipTrigger = styled.div`
export const InternalRow = styled.div`
display: flex;
align-items: center;
+ overflow: hidden;
`;