fix(kit): Tabs fix dropdown styles (#4814)

taiga-family · Jul 3, 2023 · 3c0ce9d · 3c0ce9d
1 parent 57239e2
commit 3c0ce9d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/projects/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts b/projects/kit/components/tabs/tabs-with-more/tabs-with-more.providers.ts
@@ -5,6 +5,7 @@ import {
     MutationObserverService,
 } from '@ng-web-apis/mutation-observer';
 import {TuiDestroyService, TuiResizeService} from '@taiga-ui/cdk';
+import {tuiDropdownOptionsProvider} from '@taiga-ui/core';
 import {merge, Observable} from 'rxjs';
 import {debounceTime, filter, startWith, takeUntil, tap} from 'rxjs/operators';
 
@@ -15,6 +16,7 @@ export const TUI_TABS_PROVIDERS: Provider[] = [
     TuiResizeService,
     TuiDestroyService,
     MutationObserverService,
+    tuiDropdownOptionsProvider({align: `right`}),
     {
         provide: MUTATION_OBSERVER_INIT,
         useValue: {

diff --git a/projects/kit/components/tabs/tabs-with-more/tabs-with-more.style.less b/projects/kit/components/tabs/tabs-with-more/tabs-with-more.style.less
@@ -54,16 +54,17 @@
 }
 
 .t-dropdown {
-    padding: 0.5rem 0;
+    padding: 0.25rem 0;
 
     /* stylelint-disable */
     ::ng-deep *[tuiTab] {
-        width: calc(100% - 1rem);
+        width: calc(100% - 0.75rem);
         height: 2.75rem;
         justify-content: flex-start;
-        margin: 0 0.5rem;
-        border-radius: var(--tui-radius-s);
+        margin: 0.125rem 0.375rem;
         padding: 0 0.625rem;
+        border-radius: var(--tui-radius-s);
+        font: var(--tui-font-text-m);
         color: var(--tui-text-01);
 
         &:before {