fix header z-index in react

GoodDayForSurf · GoodDayForSurf · commit 2da4ca38acfe · 2024-11-14T19:20:21.000+04:00
diff --git a/packages/devextreme-cli/src/templates/react/application/src/components/header/Header.scss b/packages/devextreme-cli/src/templates/react/application/src/components/header/Header.scss
@@ -10,6 +10,10 @@ header {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 }
 
+.side-nav-outer-toolbar .header-component {
+  z-index: 1505;
+}
+
 .dx-toolbar.header-toolbar .dx-toolbar-items-container .dx-toolbar-after {
   padding: 0 40px;
 

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,10 @@ header {`
`10`	`10`	`box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);`
`11`	`11`	`}`
`12`	`12`
	`13`	`+.side-nav-outer-toolbar .header-component {`
	`14`	`+ z-index: 1505;`
	`15`	`+}`
	`16`	`+`
`13`	`17`	`.dx-toolbar.header-toolbar .dx-toolbar-items-container .dx-toolbar-after {`
`14`	`18`	`padding: 0 40px;`
`15`	`19`