fix(page): change selector that changes button width to be more speci…

…fic (#1862)
vtex · Aug 23, 2024 · fa098dc · fa098dc
2 parents fb0133f + bb79f8f
commit fa098dc
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/packages/shoreline/src/components/page/stories/show.stories.tsx b/packages/shoreline/src/components/page/stories/show.stories.tsx
@@ -14,6 +14,7 @@ import { Tag } from '../../tag'
 import { Stack } from '../../stack'
 import { IconArrowLeft } from '../../../icons'
 import { Flex } from '../../flex'
+import { Menu, MenuItem } from '../../menu'
 
 export default {
   title: 'components/page',
@@ -110,11 +111,19 @@ export function Show() {
               <PageHeading>Title</PageHeading>
               <Tag variant="secondary">Short text</Tag>
             </Flex>
-            <Bleed top="$space-2" bottom="$space-2">
-              <Button variant="primary" size="large">
-                Submit
-              </Button>
-            </Bleed>
+            <Stack space="$space-4" horizontal>
+              <Bleed top="$space-2" bottom="$space-2">
+                <Button variant="primary" size="large">
+                  Submit
+                </Button>
+              </Bleed>
+              <Bleed top="$space-2" bottom="$space-2">
+                <Menu label="Actions" type="actions" iconOnly size="large">
+                  <MenuItem>New Tab</MenuItem>
+                  <MenuItem>New Item</MenuItem>
+                </Menu>
+              </Bleed>
+            </Stack>
           </PageHeaderRow>
         </PageHeader>
         <PageContent layout="standard">

diff --git a/packages/shoreline/src/themes/sunrise/components/page.css b/packages/shoreline/src/themes/sunrise/components/page.css
@@ -11,7 +11,7 @@
 }
 
 [data-sl-page-header-container] {
-  :where(button) {
+  :where([data-sl-button]):not([data-sl-icon-button]) {
     min-width: 6.25rem;
   }