fix: Floating Menu in SQL Left Bar (#13858)

* floating table git issue * made changes * floating table git issue * made changes * long table names * floating table git issue * made changes * floating table git issue * made changes * long table names * floating table git issue * made changes * floating table git issue * made changes * long table names * table values * aligned * active key * changed to customStyle * update dropdown styles Co-authored-by: Elizabeth Thompson <eschutho@gmail.com>
2026-05-12 19:35:17 +00:00 · 2021-04-05 18:54:28 -04:00
parent d006178c03
commit f19f2c3ac8
4 changed files with 15 additions and 3 deletions
--- a/superset-frontend/src/datasource/DatasourceEditor.jsx
+++ b/superset-frontend/src/datasource/DatasourceEditor.jsx
@@ -79,6 +79,13 @@ const FlexRowContainer = styled.div`
  }
 `;

+const StyledTableTabs = styled(Tabs)`
+  overflow: visible;
+  .ant-tabs-content-holder {
+    overflow: visible;
+  }
+`;
+
 const EditLockContainer = styled.div`
  font-size: ${supersetTheme.typography.sizes.s}px;
  display: flex;
@@ -995,7 +1002,7 @@ class DatasourceEditor extends React.PureComponent {
            </>
          }
        />
-        <Tabs
+        <StyledTableTabs
          fullWidth={false}
          id="table-tabs"
          data-test="edit-dataset-tabs"
@@ -1086,7 +1093,7 @@ class DatasourceEditor extends React.PureComponent {
              </Col>
            </div>
          </Tabs.TabPane>
-        </Tabs>
+        </StyledTableTabs>
      </DatasourceContainer>
    );
  }