Merge pull request ColorlibHQ#143 from andrejsc/patch-1

Fix .btn-file class
WXHJYC · Nov 3, 2014 · d73834a · d73834a
2 parents 3eb5e01 + 5603363
commit d73834a
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 17 deletions.
diff --git a/css/AdminLTE.css b/css/AdminLTE.css
@@ -1952,18 +1952,22 @@ Component: timeline
 }
 .btn.btn-file {
   position: relative;
-  width: 120px;
-  height: 35px;
   overflow: hidden;
 }
 .btn.btn-file > input[type='file'] {
-  display: block !important;
-  width: 100% !important;
-  height: 35px !important;
-  opacity: 0 !important;
   position: absolute;
-  top: -10px;
-  cursor: pointer;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  outline: none;
+  background: white;
+  cursor: inherit;
+  display: block;
 }
 .btn.btn-app {
   position: relative;

diff --git a/less/buttons.less b/less/buttons.less
@@ -82,17 +82,21 @@
     // input file btn 
     &.btn-file {
         position: relative;
-        width: 120px;
-        height: 35px;
         overflow: hidden;
         > input[type='file'] {
-            display: block !important;
-            width: 100% !important;
-            height: 35px !important;
-            opacity: 0 !important;
             position: absolute;
-            top: -10px;
-            cursor: pointer;
+            top: 0;
+            right: 0;
+            min-width: 100%;
+            min-height: 100%;
+            font-size: 100px;
+            text-align: right;
+            filter: alpha(opacity=0);
+            opacity: 0;
+            outline: none;
+            background: white;
+            cursor: inherit;
+            display: block;
         }
     }
 
@@ -172,4 +176,4 @@
         .border-radius(50%);
     }
 
-}
+}