Fixed #3448

primefaces · Jul 19, 2017 · 4779171 · 4779171
1 parent 6b2e303
commit 4779171
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 2 deletions.
diff --git a/src/assets/components/themes/_theme.scss b/src/assets/components/themes/_theme.scss
@@ -202,12 +202,14 @@
 }
 
 .ui-button:focus,
-.ui-button:enabled:hover {
+.ui-button:enabled:hover,
+.ui-fileupload-choose:not(.ui-state-disabled):hover {
     outline: 0 none;
     @include hover-element();
 }
 
-.ui-button:enabled:active {
+.ui-button:enabled:active,
+.ui-fileupload-choose:not(.ui-state-disabled):active {
     border-color: $stateActiveBorderColor;
     background: $stateActiveBgColor; 
     color: $stateActiveTextColor;

diff --git a/src/assets/components/themes/bootstrap/theme.css b/src/assets/components/themes/bootstrap/theme.css
@@ -120,6 +120,20 @@ body .ui-button:enabled:active {
     -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
+
+body .ui-fileupload-choose:not(.ui-state-disabled):hover,
+body .ui-fileupload-choose.ui-state-focus {
+    outline: 0 none;
+    background-color: #0267bf;
+}
+
+body .ui-fileupload-choose:not(.ui-state-disabled):active {
+    background-color: #025aa5;
+    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+
 body .ui-button.raised-btn {
     -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
     -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);

diff --git a/src/assets/components/themes/omega/theme.scss b/src/assets/components/themes/omega/theme.scss
@@ -202,6 +202,20 @@ $inputGroupTextColor: #222222;
     }
 }
 
+.ui-fileupload-choose:not(.ui-state-disabled):hover,
+.ui-fileupload-choose.ui-state-focus {
+    border: 1px solid #1f89ce;
+    background: #1f89ce;
+    outline: 0 none;
+    color: #ffffff;
+}
+
+.ui-fileupload-choose:not(.ui-state-disabled):active {
+    border: 1px solid #156090;
+    background: #186ba0;
+    color: #ffffff;
+}
+
 /* Checkbox and Radio */
 .ui-chkbox-box.ui-state-active,
 .ui-radiobutton-box.ui-state-active {