feat(kit): Tooltip add small size (#10154)

Co-authored-by: taiga-family-bot <taiga-family-bot@users.noreply.github.com>
taiga-family · Jan 13, 2025 · 32e78bf · 32e78bf
1 parent e0e5861
commit 32e78bf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/projects/kit/directives/tooltip/tooltip.directive.ts b/projects/kit/directives/tooltip/tooltip.directive.ts
@@ -4,6 +4,7 @@ import {
     Component,
     Directive,
     inject,
+    Input,
     ViewEncapsulation,
 } from '@angular/core';
 import {toSignal} from '@angular/core/rxjs-interop';
@@ -23,6 +24,7 @@ import {
     TuiHintHover,
 } from '@taiga-ui/core/directives/hint';
 import {TUI_ICON_START} from '@taiga-ui/core/tokens';
+import type {TuiSizeS} from '@taiga-ui/core/types';
 import {map} from 'rxjs';
 
 import {TUI_TOOLTIP_OPTIONS} from './tooltip.options';
@@ -63,6 +65,7 @@ class TuiTooltipStyles {}
     ],
     host: {
         tuiTooltip: '',
+        '[attr.data-size]': 'size',
         '(click.prevent)': '0',
         '(mousedown)': 'onClick($event)',
     },
@@ -84,6 +87,9 @@ export class TuiTooltip implements DoCheck {
         ),
     );
 
+    @Input()
+    public size: TuiSizeS = 'm';
+
     public ngDoCheck(): void {
         if (this.textfield?.id) {
             this.describe.tuiHintDescribe = this.textfield.id;

diff --git a/projects/kit/directives/tooltip/tooltip.style.less b/projects/kit/directives/tooltip/tooltip.style.less
@@ -9,8 +9,9 @@
 
     [tuiBlock],
     [tuiCell][data-size='s'],
-    [tuiLabel][data-orientation='horizontal'] & {
-        border-width: 0.25rem;
+    [tuiLabel][data-orientation='horizontal'] &,
+    &[data-size='s'] {
+        font-size: 1.25rem;
     }
 
     [tuiTitle] & {