diff --git a/.storybook/modes.js b/.storybook/modes.js index 7b3430c26..a23a5b216 100644 --- a/.storybook/modes.js +++ b/.storybook/modes.js @@ -2,6 +2,7 @@ export const allModes = { desktop: { viewport: 'large', }, + // for snapshotting scrollable areas with all content, like modals desktopLargeHeight: { viewport: 'largeHeight', }, diff --git a/src/components/Modal/Modal.stories.js b/src/components/Modal/Modal.stories.js index 78a5de6fb..83a31096f 100644 --- a/src/components/Modal/Modal.stories.js +++ b/src/components/Modal/Modal.stories.js @@ -6,7 +6,6 @@ import FormMock from '@/docs/components/Form/helpers/form-announcement'; import List from '@/components/List/List.vue'; import ListItem from '@/components/List/ListItem.vue'; import {allModes} from '../../../.storybook/modes.js'; -//import './Modal.stories.less'; export default { title: 'Components/Modal', @@ -37,8 +36,7 @@ export const Base = { }), decorators: [ () => ({ - template: - '
', + template: '
', }), ], @@ -75,13 +73,13 @@ export const WithForm = { }), decorators: [ () => ({ - template: - '
', + template: '
', }), ], parameters: { chromatic: { modes: { + desktop: {disable: true}, desktopLargeHeight: allModes['desktopLargeHeight'], }, }, @@ -139,8 +137,7 @@ export const WithTabs = { }), decorators: [ () => ({ - template: - '
', + template: '
', }), ], @@ -212,8 +209,7 @@ export const WithActions = { }), decorators: [ () => ({ - template: - '
', + template: '
', }), ], diff --git a/src/components/Modal/Modal.stories.less b/src/components/Modal/Modal.stories.less deleted file mode 100644 index 862115e0d..000000000 --- a/src/components/Modal/Modal.stories.less +++ /dev/null @@ -1,3 +0,0 @@ -div[role='dialog'] .overflow-y-auto { - overflow-y: initial; -}