fix(PanelHeaderContext): Fix FixedLayout overlay when closed

BlackySoul · BlackySoul · commit 8c0af55ea348 · 2022-11-29T14:26:51.000+07:00
diff --git a/src/components/PanelHeaderContext/PanelHeaderContext.css b/src/components/PanelHeaderContext/PanelHeaderContext.css
@@ -14,6 +14,9 @@
   left: 0;
   width: 100%;
   z-index: 2;
+  padding: 8px;
+  box-sizing: border-box;
+  pointer-events: none;
 }
 
 .PanelHeaderContext__fade {
@@ -35,6 +38,7 @@
 }
 
 .PanelHeaderContext--opened .PanelHeaderContext__in {
+  pointer-events: auto;
   animation: vkui-animation-panelheadercontext-translate-in 0.2s ease;
 }
 
@@ -46,14 +50,6 @@
   background: var(--header_background, var(--vkui--color_background_content));
 }
 
-/*
- Android
- */
-.PanelHeaderContext__in {
-  padding: 8px;
-  box-sizing: border-box;
-}
-
 .PanelHeaderContext--ios .PanelHeaderContext__in {
   padding: 0;
 }

Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,9 @@`
`14`	`14`	`left: 0;`
`15`	`15`	`width: 100%;`
`16`	`16`	`z-index: 2;`
	`17`	`+ padding: 8px;`
	`18`	`+ box-sizing: border-box;`
	`19`	`+ pointer-events: none;`
`17`	`20`	`}`
`18`	`21`
`19`	`22`	`.PanelHeaderContext__fade {`
`@@ -35,6 +38,7 @@`
`35`	`38`	`}`
`36`	`39`
`37`	`40`	`.PanelHeaderContext--opened .PanelHeaderContext__in {`
	`41`	`+ pointer-events: auto;`
`38`	`42`	`animation: vkui-animation-panelheadercontext-translate-in 0.2s ease;`
`39`	`43`	`}`
`40`	`44`
`@@ -46,14 +50,6 @@`
`46`	`50`	`background: var(--header_background, var(--vkui--color_background_content));`
`47`	`51`	`}`
`48`	`52`
`49`		`-/*`
`50`		`- Android`
`51`		`- */`
`52`		`-.PanelHeaderContext__in {`
`53`		`- padding: 8px;`
`54`		`- box-sizing: border-box;`
`55`		`-}`
`56`		`-`
`57`	`53`	`.PanelHeaderContext--ios .PanelHeaderContext__in {`
`58`	`54`	`padding: 0;`
`59`	`55`	`}`