Storybook - Chat - Localize popup styles (#29745)

Tucchhaa · web-flow · commit 6fff8067c60e · 2025-04-30T16:37:11.000+08:00
diff --git a/apps/react-storybook/stories/chat/Chat.stories.tsx b/apps/react-storybook/stories/chat/Chat.stories.tsx
@@ -349,6 +349,7 @@ export const PopupIntegration: Story = {
                     at: 'right bottom',
                     offset: '-20 -20',
                 }}
+                wrapperAttr={{ class: 'chat-popup-wrapper' }}
             >
                 <Chat
                     width={width}
diff --git a/apps/react-storybook/stories/chat/styles.css b/apps/react-storybook/stories/chat/styles.css
@@ -1,7 +1,7 @@
-.dx-popup-wrapper .dx-popup-content {
+.chat-popup-wrapper .dx-popup-content {
     padding: 0;
 }
 
-.dx-popup-wrapper .dx-chat {
+.chat-popup-wrapper .dx-chat {
     border: none;
 }

Original file line number	Diff line number	Diff line change
`@@ -349,6 +349,7 @@ export const PopupIntegration: Story = {`
`349`	`349`	`at: 'right bottom',`
`350`	`350`	`offset: '-20 -20',`
`351`	`351`	`}}`
	`352`	`+ wrapperAttr={{ class: 'chat-popup-wrapper' }}`
`352`	`353`	`>`
`353`	`354`	`<Chat`
`354`	`355`	`width={width}`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`		`-.dx-popup-wrapper .dx-popup-content {`
	`1`	`+.chat-popup-wrapper .dx-popup-content {`
`2`	`2`	`padding: 0;`
`3`	`3`	`}`
`4`	`4`
`5`		`-.dx-popup-wrapper .dx-chat {`
	`5`	`+.chat-popup-wrapper .dx-chat {`
`6`	`6`	`border: none;`
`7`	`7`	`}`