Our primary buttons colour was changing when you hovered over them,
creating a hovering effect. Remove the colour change, since disabled
components should not hover.

Signed-off-by: Belen Barros Pena <[email protected]>
---
 .../toastergui/static/css/bootstrap3-transition.css       | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git 
a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css 
b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css
index e7f037d..2cddbc4 100644
--- a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css
+++ b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css
@@ -36,3 +36,18 @@ ul.configuration-list {
 .configuration-list .checkbox {
   margin-top: 0;
 }
+
+/* Remove the hovering from the .btn-primary buttons when they are disabled */
+
+.btn-primary.disabled.focus,
+.btn-primary.disabled:focus,
+.btn-primary.disabled:hover,
+.btn-primary.focus[disabled],
+.btn-primary[disabled]:focus,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary.focus,
+fieldset[disabled] .btn-primary:focus,
+fieldset[disabled] .btn-primary:hover {
+  background-color: #04c;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+}
-- 
1.9.1

-- 
_______________________________________________
toaster mailing list
[email protected]
https://lists.yoctoproject.org/listinfo/toaster

Reply via email to