(superset) 16/23: fix dashboard edit mode layout

[kgabryje]

This is an automated email from the ASF dual-hosted git repository.

kgabryje pushed a commit to branch what-if
in repository https://gitbox.apache.org/repos/asf/superset.git

commit 6737ec8282b7ca6796b035763515cdd3af4f68c1
Author: Kamil Gabryjelski <kamil.gabryjel...@gmail.com>
AuthorDate: Thu Dec 18 14:51:33 2025 +0100

    fix dashboard edit mode layout
---
 .../src/dashboard/components/BuilderComponentPane/index.tsx |  1 +
 .../components/DashboardBuilder/DashboardBuilder.tsx        | 13 +++----------
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git 
a/superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx 
b/superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx
index be5ecd076e..32dafbf944 100644
--- a/superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx
+++ b/superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx
@@ -40,6 +40,7 @@ const TABS_KEYS = {
 
 const BuilderComponentPane = ({ topOffset = 0 }) => (
   <div
+    className="dashboard-builder-sidepane"
     data-test="dashboard-builder-sidepane"
     css={css`
       position: sticky;
diff --git 
a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
 
b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
index 6a02ed3e57..0e030815a0 100644
--- 
a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
+++ 
b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
@@ -282,8 +282,8 @@ const StyledDashboardContent = styled.div<{
     background-color: ${theme.colorBgLayout};
     display: grid;
     grid-template-columns: 1fr ${hasWhatIfPanel ? 'auto' : ''} ${editMode
-      ? 'auto'
-      : ''};
+        ? 'auto'
+        : ''};
     grid-template-rows: auto 1fr;
     height: auto;
     flex: 1;
@@ -302,15 +302,8 @@ const StyledDashboardContent = styled.div<{
       margin-right: ${marginRight}px;
       min-width: 0; /* Prevent grid blowout */
 
-      ${editMode &&
-      `
-      max-width: calc(100% - ${
-        BUILDER_SIDEPANEL_WIDTH + theme.sizeUnit * 16
-      }px);
-    `}
-
       /* this is the ParentSize wrapper */
-    & > div:first-child {
+      & > div:first-child {
         height: 100% !important;
       }
     }