[superset] branch master updated: fix: Fixed width for dataset panel (#12221)

[yj...@apache.org]

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

yjc pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/master by this push:
     new c8ad5c9  fix: Fixed width for dataset panel (#12221)
c8ad5c9 is described below

commit c8ad5c90bd5a548dd3b42a2c5c4e3cb072c0fbd6
Author: Kamil Gabryjelski <ka...@gmail.com>
AuthorDate: Wed Jan 6 06:08:03 2021 +0100

    fix: Fixed width for dataset panel (#12221)
---
 .../src/explore/components/ExploreViewContainer.jsx              | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/superset-frontend/src/explore/components/ExploreViewContainer.jsx b/superset-frontend/src/explore/components/ExploreViewContainer.jsx
index 3fc926f..0104ee2 100644
--- a/superset-frontend/src/explore/components/ExploreViewContainer.jsx
+++ b/superset-frontend/src/explore/components/ExploreViewContainer.jsx
@@ -81,8 +81,10 @@ const Styles = styled.div`
   border-top: 1px solid ${({ theme }) => theme.colors.grayscale.light2};
   .explore-column {
     display: flex;
+    flex: 0 0 ${({ theme }) => theme.gridUnit * 80}px;
     flex-direction: column;
     padding: ${({ theme }) => 2 * theme.gridUnit}px 0;
+    max-width: ${({ theme }) => theme.gridUnit * 80}px;
     max-height: 100%;
   }
   .data-source-selection {
@@ -122,9 +124,6 @@ const Styles = styled.div`
     padding: ${({ theme }) => 2 * theme.gridUnit}px;
     width: ${({ theme }) => 8 * theme.gridUnit}px;
   }
-  .data-tab {
-    min-width: 288px;
-  }
   .callpase-icon > svg {
     color: ${({ theme }) => theme.colors.primary.base};
   }
@@ -399,9 +398,7 @@ function ExploreViewContainer(props) {
       )}
       <div
         className={
-          isCollapsed
-            ? 'no-show'
-            : 'data-tab explore-column data-source-selection'
+          isCollapsed ? 'no-show' : 'explore-column data-source-selection'
         }
       >
         <div className="title-container">