diff --git a/packages/react/src/components/UIShell/UIShell-story.js b/packages/react/src/components/UIShell/UIShell-story.js index 7739ffd0c18d..584e053946e8 100644 --- a/packages/react/src/components/UIShell/UIShell-story.js +++ b/packages/react/src/components/UIShell/UIShell-story.js @@ -5,6 +5,8 @@ * LICENSE file in the root directory of this source tree. */ +import cx from 'classnames'; + import { Search20, Notification20, AppSwitcher20 } from '@carbon/icons-react'; import { storiesOf } from '@storybook/react'; @@ -56,11 +58,15 @@ const Fade16 = () => ( ); -const StoryContent = () => { +const StoryContent = ({ useResponsiveOffset = true }) => { + const classNameFirstColumn = cx({ + 'bx--col-lg-13': true, + 'bx--offset-lg-3': useResponsiveOffset, + }); const content = (
-
+

Purpose and function

@@ -115,14 +121,15 @@ const StoryContent = () => {
); + const style = { + height: '100%', + }; + if (useResponsiveOffset) { + style.margin = '0'; + style.width = '100%'; + } return ( - + {content} ); @@ -627,7 +634,7 @@ storiesOf('UI Shell', module) L0 link - + )) ) @@ -669,7 +676,7 @@ storiesOf('UI Shell', module) - + )) )