fix: Fixed width for dataset panel (#12221)

This commit is contained in:
Kamil Gabryjelski
2021-01-05 21:08:03 -08:00
committed by GitHub
parent 6df8224381
commit c8ad5c90bd
@@ -81,8 +81,10 @@ const Styles = styled.div`
border-top: 1px solid ${({ theme }) => theme.colors.grayscale.light2}; border-top: 1px solid ${({ theme }) => theme.colors.grayscale.light2};
.explore-column { .explore-column {
display: flex; display: flex;
flex: 0 0 ${({ theme }) => theme.gridUnit * 80}px;
flex-direction: column; flex-direction: column;
padding: ${({ theme }) => 2 * theme.gridUnit}px 0; padding: ${({ theme }) => 2 * theme.gridUnit}px 0;
max-width: ${({ theme }) => theme.gridUnit * 80}px;
max-height: 100%; max-height: 100%;
} }
.data-source-selection { .data-source-selection {
@@ -122,9 +124,6 @@ const Styles = styled.div`
padding: ${({ theme }) => 2 * theme.gridUnit}px; padding: ${({ theme }) => 2 * theme.gridUnit}px;
width: ${({ theme }) => 8 * theme.gridUnit}px; width: ${({ theme }) => 8 * theme.gridUnit}px;
} }
.data-tab {
min-width: 288px;
}
.callpase-icon > svg { .callpase-icon > svg {
color: ${({ theme }) => theme.colors.primary.base}; color: ${({ theme }) => theme.colors.primary.base};
} }
@@ -399,9 +398,7 @@ function ExploreViewContainer(props) {
)} )}
<div <div
className={ className={
isCollapsed isCollapsed ? 'no-show' : 'explore-column data-source-selection'
? 'no-show'
: 'data-tab explore-column data-source-selection'
} }
> >
<div className="title-container"> <div className="title-container">