fix: vertical tabs should correctly display controls with fullWidth

gravity-ui · Mar 21, 2023 · 675fbd5 · 675fbd5
1 parent 977bafc
commit 675fbd5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/dialog/Dialog/Dialog.scss b/src/dialog/Dialog/Dialog.scss
@@ -6,6 +6,10 @@
 
         #{$self}__field-wrapper {
             width: 418px;
+
+            &_full-width {
+                width: 100%;
+            }
         }
     }
 

diff --git a/src/stories/dialog/fields/01_full_width.stories.tsx b/src/stories/dialog/fields/01_full_width.stories.tsx
@@ -123,9 +123,12 @@ export default {
     component: DialogWithSelectStories,
 } as ComponentMeta<typeof DialogWithSelectStories>;
 
-const Template: ComponentStory<typeof DialogWithSelectStories> = (args) => (
-    <DialogWithSelectStories {...args} />
-);
+const Template: ComponentStory<typeof DialogWithSelectStories> = (args) => {
+    return <DialogWithSelectStories {...args} />;
+};
 
-export const Primary = Template.bind({});
-Primary.args = {};
+export const HorizontalTabs = Template.bind({});
+HorizontalTabs.args = {};
+
+export const VerticalTabs = Template.bind({});
+VerticalTabs.args = {verticalTabs: true};