fix: add offset for wrapper

diplodoc-platform · Mar 25, 2024 · db017da · db017da
1 parent 60914c2
commit db017da
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/components/TocLable/TocLabel.scss b/src/components/TocLable/TocLabel.scss
@@ -2,9 +2,11 @@
 @import '../../styles/mixins';
 
 .dc-toc-label {
-    margin-left: 10px;
+    &_offset {
+        margin-left: 10px;
 
-    [dir='rtl'] & {
-        margin-right: 10px;
+        [dir='rtl'] & {
+            margin-right: 10px;
+        }
     }
 }
diff --git a/src/components/TocLable/TocLabel.tsx b/src/components/TocLable/TocLabel.tsx
@@ -18,15 +18,21 @@ const TocLabel: FC<TocLabelProps> = ({label}) => {
 
     let labelElement = null;
     if (label?.title) {
+        const hasDescription = Boolean(label.description);
         labelElement = (
-            <Label size={'xs'} theme={label.theme} className={b()}>
+            <Label size={'xs'} theme={label.theme} className={b({offset: !hasDescription})}>
                 {label.title}
             </Label>
         );
-        if (label.description) {
+        if (hasDescription) {
             const placement = direction === 'rtl' ? 'left' : 'right';
             labelElement = (
-                <Popover content={label.description} placement={placement} size={'s'}>
+                <Popover
+                    content={label.description}
+                    placement={placement}
+                    size={'s'}
+                    className={b({offset: true})}
+                >
                     {labelElement}
                 </Popover>
             );