Merge pull request #358 from brionmario/fix-357

brionmario · web-flow · commit 0959d163193c · 2025-06-13T11:27:00.000+05:30
fix: fix padding issue in `Header` hamburger
diff --git a/.changeset/shaky-mails-make.md b/.changeset/shaky-mails-make.md
@@ -0,0 +1,5 @@
+---
+"@oxygen-ui/react": patch
+---
+
+Fix padding issue in Header hamburger
diff --git a/packages/react/src/components/Header/Header.tsx b/packages/react/src/components/Header/Header.tsx
@@ -204,7 +204,7 @@ const Header: OverridableComponent<AppBarTypeMap<HeaderProps>> = forwardRef(
       >
         <Toolbar className="OxygenHeader-toolbar oxygen-header-toolbar">
           {showCollapsibleHamburger && (
-            <div className="OxygenHeader-collapsibleHamburger oxygen-header-collapsibleHamburger">
+            <div className="OxygenHeader-collapsibleHamburger oxygen-header-collapsible-hamburger">
               <IconButton aria-label="Menu Icon" onClick={onCollapsibleHamburgerClick || ((): void => null)}>
                 {navbarToggleIcon}
               </IconButton>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@oxygen-ui/react": patch
 +---
++
 +Fix padding issue in Header hamburger
Original file line number	Diff line number	Diff line change
`@@ -204,7 +204,7 @@ const Header: OverridableComponent<AppBarTypeMap<HeaderProps>> = forwardRef(`
`204`	`204`	`>`
`205`	`205`	`<Toolbar className="OxygenHeader-toolbar oxygen-header-toolbar">`
`206`	`206`	`{showCollapsibleHamburger && (`
`207`		`- <div className="OxygenHeader-collapsibleHamburger oxygen-header-collapsibleHamburger">`
	`207`	`+ <div className="OxygenHeader-collapsibleHamburger oxygen-header-collapsible-hamburger">`
`208`	`208`	`<IconButton aria-label="Menu Icon" onClick={onCollapsibleHamburgerClick \|\| ((): void => null)}>`
`209`	`209`	`{navbarToggleIcon}`
`210`	`210`	`</IconButton>`