diff --git a/packages/devui/package.json b/packages/devui/package.json index 76c61171..2f4344c2 100755 --- a/packages/devui/package.json +++ b/packages/devui/package.json @@ -1,6 +1,6 @@ { "name": "devui", - "version": "1.0.0-8", + "version": "1.0.0-9", "description": "Reusable React components for building DevTools monitors and apps.", "homepage": "https://github.com/reduxjs/redux-devtools/tree/master/packages/devui", "bugs": { diff --git a/packages/devui/src/Container/styles/index.ts b/packages/devui/src/Container/styles/index.ts index dab1ca8a..8c259671 100644 --- a/packages/devui/src/Container/styles/index.ts +++ b/packages/devui/src/Container/styles/index.ts @@ -6,6 +6,8 @@ export const MainContainerWrapper = styled.div` height: 100%; width: 100%; flex-flow: column nowrap; + flex-shrink: 1; + min-height: 0; background-color: ${(props) => color(props.theme.base00, 'lighten', 0.03)}; color: ${(props) => props.theme.base07}; font-size: 12px; @@ -30,7 +32,8 @@ export const MainContainerWrapper = styled.div` flex-grow: 1; display: flex; flex-flow: column nowrap; - height: 100%; + flex-shrink: 1; + min-height: 0; > div { flex-grow: 1; @@ -43,4 +46,6 @@ export const ContainerWrapper = styled.div` height: 100%; width: 100%; flex-flow: column nowrap; + flex-shrink: 1; + min-height: 0; `; diff --git a/packages/redux-devtools-app/package.json b/packages/redux-devtools-app/package.json index 26584bbe..2d5d5bcb 100644 --- a/packages/redux-devtools-app/package.json +++ b/packages/redux-devtools-app/package.json @@ -45,7 +45,7 @@ "@redux-devtools/log-monitor": "^2.3.0", "@redux-devtools/slider-monitor": "^2.0.0-7", "d3-state-visualizer": "^1.4.0", - "devui": "^1.0.0-8", + "devui": "^1.0.0-9", "javascript-stringify": "^2.0.1", "jsan": "^3.1.13", "jsondiffpatch": "^0.4.1",