fix(kit): InputFiles fix description padding (#4529)

taiga-family · May 25, 2023 · 5b9544d · 5b9544d
1 parent 5db464b
commit 5b9544d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/projects/kit/components/input-files/input-files.style.less b/projects/kit/components/input-files/input-files.style.less
@@ -26,10 +26,12 @@ tui-input-files {
     }
 
     .t-description {
-        .fullsize();
         display: flex;
         justify-content: center;
         align-items: center;
+        height: 100%;
+        padding: 1rem 0;
+        box-sizing: border-box;
     }
 }
 

diff --git a/projects/kit/components/input-files/input-files.template.html b/projects/kit/components/input-files/input-files.template.html
@@ -17,18 +17,17 @@
     >
         <div class="t-description">
             <ng-container *ngTemplateOutlet="template || null; context: {$implicit: fileDragged}"></ng-container>
-            <ng-container *ngIf="!template">
+            <div *ngIf="!template">
                 <a tuiLink>
                     <ng-container *polymorpheusOutlet="computedLink$ | async as text">
                         {{ text }}
                     </ng-container>
                 </a>
-                &nbsp;
                 <span
                     *polymorpheusOutlet="computedLabel$ | async as text"
                     [textContent]="text"
                 ></span>
-            </ng-container>
+            </div>
         </div>
         <ng-container *ngIf="!readOnly && !computedDisabled">
             <ng-content select="input"></ng-content>