feat(HorizontalCell): add max-width to side cells (#7916)

VKCOM · Nov 8, 2024 · db7b30c · db7b30c
1 parent 4ce1064
commit db7b30c
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git 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
@@ -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
@@ -12,13 +12,13 @@
 
 ## Известные ограничения
 
-Для работоспособности компонента, необходимо, чтобы у ближайшего родителя была ограничена ширина. Если это не так, то необходимо ограничить ширину вручную.
+Для работоспособности компонента необходимо, чтобы у ближайшего родителя была ограничена ширина. Если это не так, то необходимо ограничить ширину вручную.
 
-Рассмотрим на примере [HorizontalCell](#/HorizontalCell), который при `size="l"` перестаёт ограничивать ширину:
+Рассмотрим на примере [HorizontalCell](#/HorizontalCell), который при `size="auto"` перестаёт ограничивать ширину:
 
 ```jsx { "props": { "layout": false, "iframe": false } }
 <HorizontalCell
-  size="l"
+  size="auto"
   title={
     <EllipsisText maxWidth={100} maxLines={2}>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit