From 1be66e56498ea0f272674e27968428ffdc48d2f8 Mon Sep 17 00:00:00 2001 From: wcastand Date: Wed, 26 Apr 2017 20:38:03 +0200 Subject: [PATCH 1/3] add a max-height and center element with alignItems: center --- .../src/modules/ui/components/down_panel/style.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/storybook-ui/src/modules/ui/components/down_panel/style.js b/packages/storybook-ui/src/modules/ui/components/down_panel/style.js index f371e8bcb19c..223dca5843f8 100644 --- a/packages/storybook-ui/src/modules/ui/components/down_panel/style.js +++ b/packages/storybook-ui/src/modules/ui/components/down_panel/style.js @@ -26,6 +26,11 @@ export default { tabbar: { display: 'flex', flexWrap: 'wrap', + flexDirection: 'row', + justifyContent: 'flex-start', + alignItems: 'center', + maxHeight: 60, + overflow: 'hidden', borderBottom: 'solid 1px #eaeaea', }, From 2d4046f0ea734a152cc4bc7acbbd5c7b379287d2 Mon Sep 17 00:00:00 2001 From: wcastand Date: Thu, 27 Apr 2017 10:18:52 +0200 Subject: [PATCH 2/3] add max-height to tablink --- .../storybook-ui/src/modules/ui/components/down_panel/style.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/storybook-ui/src/modules/ui/components/down_panel/style.js b/packages/storybook-ui/src/modules/ui/components/down_panel/style.js index 223dca5843f8..09c54874afba 100644 --- a/packages/storybook-ui/src/modules/ui/components/down_panel/style.js +++ b/packages/storybook-ui/src/modules/ui/components/down_panel/style.js @@ -49,6 +49,8 @@ export default { textTransform: 'uppercase', transition: 'opacity 0.3s', opacity: 0.5, + maxHeight: 60, + overflow: 'hidden', }, activetab: { From 9d3bf1af055896c25b96e53964b3c9bcf87420c7 Mon Sep 17 00:00:00 2001 From: wcastand Date: Thu, 27 Apr 2017 21:29:31 +0200 Subject: [PATCH 3/3] delete max-height from tabbar --- .../storybook-ui/src/modules/ui/components/down_panel/style.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/storybook-ui/src/modules/ui/components/down_panel/style.js b/packages/storybook-ui/src/modules/ui/components/down_panel/style.js index 09c54874afba..a10c77ea4fa4 100644 --- a/packages/storybook-ui/src/modules/ui/components/down_panel/style.js +++ b/packages/storybook-ui/src/modules/ui/components/down_panel/style.js @@ -29,8 +29,6 @@ export default { flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', - maxHeight: 60, - overflow: 'hidden', borderBottom: 'solid 1px #eaeaea', },