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