From 0c52b58d35bcc1eff5a8ee44f42b119c8ad47afb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jarda=20Kot=C4=9B=C5=A1ovec?= <jarda.kotesovec@gmail.com>
Date: Thu, 11 Jan 2024 10:56:48 +0100
Subject: [PATCH] pkp/pkp-lib#9527 Update viewports for long modals

---
 .storybook/modes.js                       | 5 +++++
 .storybook/preview.js                     | 2 +-
 src/components/Modal/SideModal.stories.js | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/.storybook/modes.js b/.storybook/modes.js
index 9b616bd10..ed5837415 100644
--- 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
index 2af699f1b..901db4473 100644
--- 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
index 09c5227d3..7af3d5d73 100644
--- 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'],
 			},
 		},