feat(modal): add a max width to buttons so they overflow to the right…

… if needed
ovh · Jul 29, 2024 · 9a9aaa2 · 9a9aaa2
1 parent ea46244
commit 9a9aaa2
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/storybook/stories/components/modal/modal.stories.ts b/packages/storybook/stories/components/modal/modal.stories.ts
@@ -103,9 +103,11 @@ export const Demo: StoryObj = {
 `.modal-demo .my-text::part(text) {
   margin: 0 0 1rem 0;
 }
+.modal-demo ods-button {
+  max-width: 100%;
+}
 .modal-demo ods-button::part(button) {
   margin-top: 1rem;
-  max-width: 100%;
 }`
   },
 };
@@ -218,6 +220,12 @@ export const NotDismissible: StoryObj = {
     });
   })();
 </script>
+
+<style>
+  .modal-not-dismissible ods-button {
+    max-width: 100%;
+  }
+</style>
   `,
 };
 
@@ -277,6 +285,9 @@ export const Actions: StoryObj = {
   .modal-actions .modal-actions-close::part(button) {
     margin-top: 1rem;
   }
+  .modal-actions ods-button {
+    max-width: 100%;
+  }
 </style>
   `,
 };