diff --git a/packages/vkui/src/components/HorizontalCell/HorizontalCell.module.css b/packages/vkui/src/components/HorizontalCell/HorizontalCell.module.css index 90897247cb..89c9f4ada9 100644 --- a/packages/vkui/src/components/HorizontalCell/HorizontalCell.module.css +++ b/packages/vkui/src/components/HorizontalCell/HorizontalCell.module.css @@ -96,3 +96,8 @@ .sized:last-child { max-inline-size: var(--vkui_internal--side_cell_width); } + +.sized:first-child .body, +.sized:last-child .body { + max-inline-size: var(--vkui_internal--cell_width); +} diff --git a/packages/vkui/src/components/Typography/EllipsisText/EllipsisText.tsx b/packages/vkui/src/components/Typography/EllipsisText/EllipsisText.tsx index 266827723a..6d0bfb0caa 100644 --- a/packages/vkui/src/components/Typography/EllipsisText/EllipsisText.tsx +++ b/packages/vkui/src/components/Typography/EllipsisText/EllipsisText.tsx @@ -31,7 +31,7 @@ export interface EllipsisTextProps disableNativeTitle?: boolean; } -/** Компонент ограничивает текстовый контент убирая его в многоточие. +/** Компонент ограничивает текстовый контент, убирая его в многоточие. * * @since 6.1.0 * @see https://vkcom.github.io/VKUI/#/EllipsisText diff --git a/packages/vkui/src/components/Typography/EllipsisText/Readme.md b/packages/vkui/src/components/Typography/EllipsisText/Readme.md index e3216d5736..09a6361db2 100644 --- a/packages/vkui/src/components/Typography/EllipsisText/Readme.md +++ b/packages/vkui/src/components/Typography/EllipsisText/Readme.md @@ -12,13 +12,13 @@ ## Известные ограничения -Для работоспособности компонента, необходимо, чтобы у ближайшего родителя была ограничена ширина. Если это не так, то необходимо ограничить ширину вручную. +Для работоспособности компонента необходимо, чтобы у ближайшего родителя была ограничена ширина. Если это не так, то необходимо ограничить ширину вручную. -Рассмотрим на примере [HorizontalCell](#/HorizontalCell), который при `size="l"` перестаёт ограничивать ширину: +Рассмотрим на примере [HorizontalCell](#/HorizontalCell), который при `size="auto"` перестаёт ограничивать ширину: ```jsx { "props": { "layout": false, "iframe": false } } Lorem ipsum dolor sit amet, consectetur adipiscing elit