diff --git a/packages/vkui/src/components/Header/Header.e2e-playground.tsx b/packages/vkui/src/components/Header/Header.e2e-playground.tsx
index e5a6828d36..99bacb85e5 100644
--- a/packages/vkui/src/components/Header/Header.e2e-playground.tsx
+++ b/packages/vkui/src/components/Header/Header.e2e-playground.tsx
@@ -66,7 +66,6 @@ export const HeaderPlayground = (props: ComponentPlaygroundProps) => {
size: ['m'],
children: ['Кто может оставлять записи на моей странице'],
afterTitle: [],
- multiline: [undefined, true],
},
{
size: ['m'],
@@ -79,7 +78,6 @@ export const HeaderPlayground = (props: ComponentPlaygroundProps) => {
children: ['Кто может оставлять записи на моей странице'],
subtitle: ['SOHN — Conrad'],
afterSubtitle: [],
- multiline: [undefined, true],
},
{
size: ['s', 'm', 'l', 'xl'],
@@ -90,7 +88,17 @@ export const HeaderPlayground = (props: ComponentPlaygroundProps) => {
beforeSubtitle: [],
afterSubtitle: [],
subtitle: ['SOHN — Conrad'],
- multiline: [undefined, true],
+ },
+ {
+ children: [
+ 'Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children',
+ ],
+ subtitle: [
+ 'Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle',
+ ],
+ afterSubtitle: [],
+ afterTitle: [],
+ multiline: [false, true],
},
]}
>
diff --git a/packages/vkui/src/components/Header/Header.module.css b/packages/vkui/src/components/Header/Header.module.css
index e684fd854a..68c3665a71 100644
--- a/packages/vkui/src/components/Header/Header.module.css
+++ b/packages/vkui/src/components/Header/Header.module.css
@@ -67,7 +67,6 @@
.contentMultiline {
white-space: initial;
word-break: break-word;
- flex-grow: 1;
}
.subtitle {
diff --git a/packages/vkui/src/components/SimpleCell/SimpleCell.e2e-playground.tsx b/packages/vkui/src/components/SimpleCell/SimpleCell.e2e-playground.tsx
index 2a4f5d6368..74c292f34e 100644
--- a/packages/vkui/src/components/SimpleCell/SimpleCell.e2e-playground.tsx
+++ b/packages/vkui/src/components/SimpleCell/SimpleCell.e2e-playground.tsx
@@ -79,7 +79,19 @@ export const SimpleCellPlayground = (props: ComponentPlaygroundProps) => {
],
badgeBeforeTitle: [],
badgeAfterTitle: [],
- multiline: [true, false],
+ },
+ {
+ children: [
+ 'Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children Very long children',
+ ],
+ subtitle: [
+ 'Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long children Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle Very long subtitle',
+ ],
+ badgeAfterTitle: [],
+ badgeAfterSubtitle: [
+ ,
+ ],
+ multiline: [false, true],
},
{
children: ['Title'],
diff --git a/packages/vkui/src/components/SimpleCell/SimpleCell.module.css b/packages/vkui/src/components/SimpleCell/SimpleCell.module.css
index 3c59121c69..51b6b3c3e7 100644
--- a/packages/vkui/src/components/SimpleCell/SimpleCell.module.css
+++ b/packages/vkui/src/components/SimpleCell/SimpleCell.module.css
@@ -78,11 +78,7 @@
display: flex;
align-content: flex-start;
align-items: center;
- justify-content: space-between;
max-inline-size: 100%;
-}
-
-.host:not(.mult) .content {
justify-content: flex-start;
}
@@ -95,7 +91,7 @@
.mult .children,
.mult .subtitle {
- flex: 1 1 auto;
+ flex: 0 1 auto;
}
.badge {