Merge pull request #143 from andrejsc/patch-1

Fix .btn-file class
10 years ago · d73834a2b5
parent 3eb5e01c89 5603363872
commit d73834a2b5
2 changed files with 25 additions and 17 deletions
--- 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;
--- 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;
        }
    }