fix(kit): TasbWithMore fix redundant left margin for single element (…

…#7022)
taiga-family · Mar 19, 2024 · 9245d8b · 9245d8b
1 parent d615221
commit 9245d8b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/projects/demo-playwright/tests/kit/tabs/tabs.spec.ts b/projects/demo-playwright/tests/kit/tabs/tabs.spec.ts
@@ -43,4 +43,12 @@ test.describe('Tabs', () => {
             });
         });
     });
+
+    test('Single button', async ({page}) => {
+        await tuiGoto(page, '/navigation/tabs/API?activeItemIndex=2&sandboxWidth=133');
+
+        await expect(new TuiDocumentationPagePO(page).apiPageExample).toHaveScreenshot(
+            '03-tabs-single-item-01.png',
+        );
+    });
 });
diff --git a/projects/kit/components/tabs/tab/tab.style.less b/projects/kit/components/tabs/tab/tab.style.less
@@ -6,11 +6,14 @@
 
 :host-context(tui-tabs >):first-child,
 :host-context([tuiTabs] >):first-child,
-:host-context(tui-tabs > :first-child),
-:host-context([tuiTabs] > :first-child) {
+:host-context(tui-tabs > :not(.t-overflown) >):first-child {
     margin-left: 0;
 }
 
+:host-context(tui-tabs > [tuiTab] ~ :not(.t-overflown) >):first-child {
+    margin-left: var(--tui-tab-margin, 1.5rem);
+}
+
 :host {
     .transition(~'color, box-shadow, opacity, background');
     .clearbtn();