fix(ListItemView): fix identation in depth more than 10

gravity-ui · Apr 16, 2024 · 5e9f370 · 5e9f370
1 parent bad4fa9
commit 5e9f370
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
@@ -45,36 +45,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
@@ -71,7 +71,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>
     );