fix(kit): InputFiles fix styles (#1619)

taiga-family · Apr 11, 2022 · 9b55ce3 · 9b55ce3
1 parent 3ae86ea
commit 9b55ce3
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 35 deletions.
diff --git a/projects/kit/components/files/files.component.less b/projects/kit/components/files/files.component.less
@@ -2,30 +2,30 @@
 
 tui-files {
     display: block;
-}
 
-.t-files {
-    position: relative;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: var(--tui-radius-m);
-    overflow: hidden;
-}
+    .t-files {
+        position: relative;
+        display: block;
+        width: 100%;
+        height: 100%;
+        border-radius: var(--tui-radius-m);
+        overflow: hidden;
+    }
 
-.t-button {
-    z-index: 3;
-    width: 100%;
-    background: var(--tui-base-01);
+    .t-button {
+        z-index: 3;
+        width: 100%;
+        background: var(--tui-base-01);
 
-    &_collapsed {
-        .shadow(3);
-        margin-top: -1.5rem;
+        &_collapsed {
+            .shadow(3);
+            margin-top: -1.5rem;
+        }
     }
-}
 
-.t-extra-items tui-file {
-    border-radius: 0;
-    margin-top: 0;
-    margin-bottom: -0.0625rem;
+    .t-extra-items tui-file {
+        border-radius: 0;
+        margin-top: 0;
+        margin-bottom: -0.0625rem;
+    }
 }
diff --git a/projects/kit/components/input-files/input-files.style.less b/projects/kit/components/input-files/input-files.style.less
@@ -2,6 +2,20 @@
 
 tui-input-files {
     display: block;
+
+    .t-native {
+        .fullsize();
+        opacity: 0;
+        cursor: pointer;
+
+        &::-webkit-file-upload-button {
+            display: none;
+        }
+    }
+
+    .t-inline {
+        display: inline;
+    }
 }
 
 tui-wrapper[data-appearance='input-file'] {
@@ -106,17 +120,3 @@ tui-wrapper[data-appearance='input-file'] {
         }
     }
 }
-
-.t-native {
-    .fullsize();
-    opacity: 0;
-    cursor: pointer;
-
-    &::-webkit-file-upload-button {
-        display: none;
-    }
-}
-
-.t-inline {
-    display: inline;
-}