chore: force line-height istead of wrapping

taiga-family · Jun 5, 2024 · 1ae9ce6 · 1ae9ce6
1 parent 081300b
commit 1ae9ce6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/projects/core/directives/hint/hint.component.ts b/projects/core/directives/hint/hint.component.ts
@@ -44,13 +44,11 @@ const GAP = 4;
 @Component({
     selector: 'tui-hint',
     template: `
-        <div>
-            <ng-content></ng-content>
-            <span
-                *polymorpheusOutlet="content as text; context: context"
-                [innerHTML]="text"
-            ></span>
-        </div>
+        <ng-content></ng-content>
+        <span
+            *polymorpheusOutlet="content as text; context: context"
+            [innerHTML]="text"
+        ></span>
     `,
     styleUrls: ['./hint.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/projects/core/directives/hint/hint.style.less b/projects/core/directives/hint/hint.style.less
@@ -2,8 +2,6 @@
 
 :host {
     position: absolute;
-    display: flex;
-    align-items: center;
     max-width: 18rem;
     min-height: var(--tui-height-m);
     padding: 0.75rem 1rem;
@@ -14,6 +12,7 @@
     font: var(--tui-font-text-s);
     white-space: pre-line;
     word-wrap: break-word;
+    line-height: 1.25rem;
 
     &:before {
         content: '';