fix(ListItemView): fix indentation in depth more than 10 (#1517)

Co-authored-by: Alexandr Isaev <[email protected]>
gravity-ui · Apr 17, 2024 · 2cde017 · 2cde017
1 parent b274498
commit 2cde017
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 32 deletions.
diff --git a/src/components/useList/components/ListItemView/ListItemView.scss b/src/components/useList/components/ListItemView/ListItemView.scss
@@ -46,36 +46,5 @@ $block: '.#{variables.$ns}list-item-view';
 
     &__slot {
         flex-shrink: 0;
-
-        &_indent_1 {
-            width: 16px;
-        }
-        &_indent_2 {
-            width: 32px;
-        }
-        &_indent_3 {
-            width: 48px;
-        }
-        &_indent_4 {
-            width: 64px;
-        }
-        &_indent_5 {
-            width: 80px;
-        }
-        &_indent_6 {
-            width: 96px;
-        }
-        &_indent_7 {
-            width: 112px;
-        }
-        &_indent_8 {
-            width: 128px;
-        }
-        &_indent_9 {
-            width: 144px;
-        }
-        &_indent_10 {
-            width: 160px;
-        }
     }
 }
diff --git a/src/components/useList/components/ListItemView/ListItemView.tsx b/src/components/useList/components/ListItemView/ListItemView.tsx
@@ -70,7 +70,7 @@ export const ListItemViewSlot = ({
     ...props
 }: SlotProps) => {
     return (
-        <Flex className={b('slot', {indent}, className)} {...props}>
+        <Flex width={indent * 16} className={b('slot', className)} {...props}>
             {children}
         </Flex>
     );