diff --git a/packages/vkui/src/components/ImageBase/ImageBase.module.css b/packages/vkui/src/components/ImageBase/ImageBase.module.css
index 3ddf965ac7..59c3bf2438 100644
--- a/packages/vkui/src/components/ImageBase/ImageBase.module.css
+++ b/packages/vkui/src/components/ImageBase/ImageBase.module.css
@@ -97,11 +97,11 @@
* PanelHeader
*/
/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalPanelHeader__before) .host {
+:global(.vkuiInternalPanelHeader__before) > .host {
margin-inline-start: 8px;
}
/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalPanelHeader__after) .host {
+:global(.vkuiInternalPanelHeader__after) > .host {
margin-inline-end: 8px;
}
diff --git a/packages/vkui/src/components/PanelHeader/PanelHeader.e2e-playground.tsx b/packages/vkui/src/components/PanelHeader/PanelHeader.e2e-playground.tsx
index 9df73d49c1..553714af57 100644
--- a/packages/vkui/src/components/PanelHeader/PanelHeader.e2e-playground.tsx
+++ b/packages/vkui/src/components/PanelHeader/PanelHeader.e2e-playground.tsx
@@ -1,5 +1,7 @@
import { ComponentPlayground, type ComponentPlaygroundProps } from '@vkui-e2e/playground-helpers';
+import { Avatar } from '../Avatar/Avatar';
import { Div } from '../Div/Div';
+import { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';
import { PanelHeader, type PanelHeaderProps } from './PanelHeader';
export const PanelHeaderPlayground = (props: ComponentPlaygroundProps) => {
@@ -14,6 +16,32 @@ export const PanelHeaderPlayground = (props: ComponentPlaygroundProps) => {
fixed: [false],
$adaptivity: 'x',
},
+ {
+ delimiter: ['auto'],
+ children: ['PanelHeader'],
+ after: [
+ ,
+
+
+ ,
+ ],
+ // Чтобы шапка в примерах не улетала наверх
+ fixed: [false],
+ $adaptivity: 'x',
+ },
+ {
+ delimiter: ['auto'],
+ children: ['PanelHeader'],
+ before: [
+ ,
+
+
+ ,
+ ],
+ // Чтобы шапка в примерах не улетала наверх
+ fixed: [false],
+ $adaptivity: 'x',
+ },
]}
>
{(props: PanelHeaderProps) => (
diff --git a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-android-chromium-light-1-snap.png b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-android-chromium-light-1-snap.png
index f3d5994d6b..970b87aa68 100644
--- a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-android-chromium-light-1-snap.png
+++ b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-android-chromium-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:5fc5edb436153bcfb73cec66ca9dd13711698f3aa6573dced541b3997684d719
-size 45591
+oid sha256:227b51fb40ce21472631b7aa7994f6fa7c1b481b9b89bab149e1775d7ad864f2
+size 101212
diff --git a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-ios-webkit-light-1-snap.png b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-ios-webkit-light-1-snap.png
index 9af660e7b6..eafbf1a4a2 100644
--- a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-ios-webkit-light-1-snap.png
+++ b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-ios-webkit-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2efff63cdb499ce31d2208b62217a9f16c74910379e91983b74b6686c057fe8a
-size 79921
+oid sha256:35a7b622164b1e74676d1887310d069e31bcf39fcbf9bbde056c46e408cea9df
+size 177092
diff --git a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-chromium-light-1-snap.png b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-chromium-light-1-snap.png
index 1ab094af5a..860c92e6a5 100644
--- a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-chromium-light-1-snap.png
+++ b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-chromium-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:3ed159d3e24c1be73d19f9f8b8ccb7022e295e52068552a8fb13662c5ddc4494
-size 18769
+oid sha256:18b90ff5143535bfffa8825b2dd8808e2662d99610b3a3e46defe6ec7921e985
+size 43490
diff --git a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-firefox-light-1-snap.png b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-firefox-light-1-snap.png
index 6d71971034..b2bb847693 100644
--- a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-firefox-light-1-snap.png
+++ b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-firefox-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:5c1f903d150136e4524c4a3b382e53294bb4e97f8d2c67b6a32833e25ee5bd53
-size 31200
+oid sha256:5249d8d07592391e38f572a4b3181914155f8a7f87033053c298f3eeb350d0ed
+size 70088
diff --git a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-webkit-light-1-snap.png b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-webkit-light-1-snap.png
index fdc079df85..298e83c435 100644
--- a/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-webkit-light-1-snap.png
+++ b/packages/vkui/src/components/PanelHeader/__image_snapshots__/panelheader-vkcom-webkit-light-1-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e540c0917afadaa1d2dfc5b0329341a87ce9b28e3daf744e285e8e499e6c297d
-size 32149
+oid sha256:bba313ceb122a7c1244abc93e4c105f176164c6a43f2deb30fbc80044a38620b
+size 71868