pkp/pkp-lib#9527 Update viewports for long modals

pkp · Jan 11, 2024 · 0c52b58 · 0c52b58
1 parent 0735438
commit 0c52b58
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.storybook/modes.js b/.storybook/modes.js
@@ -9,6 +9,11 @@ export const allModes = {
 	},
 	// for snapshotting scrollable areas with all content, like modals
 	desktopLargeHeight: {
+		theme: 'ltr',
+		viewport: 'largeHeight',
+	},
+	'desktopLargeHeight rtl': {
 		viewport: 'largeHeight',
+		theme: 'rtl',
 	},
 };
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -151,7 +151,7 @@ const preview = {
 				/** For scrollable scenarios */
 				largeHeight: {
 					name: 'Large',
-					styles: {width: '1024px', height: '1500px'},
+					styles: {width: '1280px', height: '1500px'},
 				},
 			},
 		},

diff --git a/src/components/Modal/SideModal.stories.js b/src/components/Modal/SideModal.stories.js
@@ -208,6 +208,7 @@ export const WithTabs = {
 		chromatic: {
 			modes: {
 				desktop: {disable: true},
+				'desktop rtl': {disable: true},
 				desktopLargeHeight: allModes['desktopLargeHeight'],
 			},
 		},