You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@superset.apache.org by di...@apache.org on 2025/12/11 15:05:23 UTC
(superset) 01/01: fix: UI cut off
This is an automated email from the ASF dual-hosted git repository.
diegopucci pushed a commit to branch enxdev/fix/ui-cut-off
in repository https://gitbox.apache.org/repos/asf/superset.git
commit d71f04b879296f41902b9b4aff48504276f98e3d
Author: Diego Pucci <di...@gmail.com>
AuthorDate: Thu Dec 11 17:05:05 2025 +0200
fix: UI cut off
---
superset-frontend/src/explore/components/ControlHeader.tsx | 8 ++++++++
.../src/explore/components/ExploreViewContainer/index.jsx | 4 ++++
.../src/explore/components/controls/VizTypeControl/VizTile.tsx | 2 +-
3 files changed, 13 insertions(+), 1 deletion(-)
diff --git a/superset-frontend/src/explore/components/ControlHeader.tsx b/superset-frontend/src/explore/components/ControlHeader.tsx
index a240107084..dc78b796cc 100644
--- a/superset-frontend/src/explore/components/ControlHeader.tsx
+++ b/superset-frontend/src/explore/components/ControlHeader.tsx
@@ -42,9 +42,15 @@ export type ControlHeaderProps = {
const iconStyles = css`
&.anticon {
font-size: unset;
+ overflow: visible;
+ display: inline-block;
+ vertical-align: middle;
+ line-height: 1;
+ padding-bottom: 0.1em;
.anticon {
line-height: unset;
vertical-align: unset;
+ overflow: visible;
}
}
`;
@@ -121,6 +127,8 @@ const ControlHeader: FC<ControlHeaderProps> = ({
margin-bottom: ${theme.sizeUnit * 0.5}px;
position: relative;
font-size: ${theme.fontSizeSM}px;
+ overflow: visible;
+ padding-bottom: 0.1em;
`}
htmlFor={name}
>
diff --git a/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx b/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx
index e49066165c..d837659335 100644
--- a/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx
+++ b/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx
@@ -138,6 +138,10 @@ const ExplorePanelContainer = styled.div`
justify-content: space-between;
.horizontal-text {
font-size: ${theme.fontSize}px;
+ line-height: 1.5;
+ display: inline-block;
+ height: auto;
+ overflow: visible;
}
}
.no-show {
diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx
index d94c86035c..134e65d2da 100644
--- a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx
+++ b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx
@@ -137,7 +137,7 @@ export const VizTile = ({
font-size: ${theme.fontSizeSM}px;
min-width: 0;
padding-right: ${theme.sizeUnit}px;
- line-height: 1;
+ line-height: 1.5;
`}
ref={chartNameRef}
>