Fixed toolbar icon opacity when disabled.

ubidefeo · ubidefeo · commit 5266f50455bf · 2025-03-03T11:30:08.000+01:00
Signed-off-by: ubi de feo &lt;me@ubidefeo.com&gt;
diff --git a/ui/arduino/main.css b/ui/arduino/main.css
@@ -63,19 +63,14 @@ button.inverted {
   background: rgba(0, 129, 132, 1) !important;
 }
 
-button[disabled] {
-  background: rgba(255, 255, 255, 0.2);
+button[disabled], button[disabled]:hover {
   cursor: default;
+  opacity: 0.5;
 }
-button[disabled]:hover {
-  background: rgba(255, 255, 255, 0.2);
-}
-button:hover, button.active {
+
+button:not([disabled]):hover {
   background: rgba(255, 255, 255, 1);
 }
-/* button.inactive:hover {
-  background: rgba(255, 255, 255, 0.2);
-} */
 
 button .icon {
   width: 63%;
@@ -101,7 +96,6 @@ button.small .icon {
 }
 .button .label {
   text-align: center;
-  /* color: #eee; */
   color: rgba(255, 255, 255, 0.2);
   font-family: "OpenSans", sans-serif;
 }

Original file line number	Diff line number	Diff line change
`@@ -63,19 +63,14 @@ button.inverted {`
`63`	`63`	`background: rgba(0, 129, 132, 1) !important;`
`64`	`64`	`}`
`65`	`65`
`66`		`-button[disabled] {`
`67`		`- background: rgba(255, 255, 255, 0.2);`
	`66`	`+button[disabled], button[disabled]:hover {`
`68`	`67`	`cursor: default;`
	`68`	`+ opacity: 0.5;`
`69`	`69`	`}`
`70`		`-button[disabled]:hover {`
`71`		`- background: rgba(255, 255, 255, 0.2);`
`72`		`-}`
`73`		`-button:hover, button.active {`
	`70`	`+`
	`71`	`+button:not([disabled]):hover {`
`74`	`72`	`background: rgba(255, 255, 255, 1);`
`75`	`73`	`}`
`76`		`-/* button.inactive:hover {`
`77`		`- background: rgba(255, 255, 255, 0.2);`
`78`		`-} */`
`79`	`74`
`80`	`75`	`button .icon {`
`81`	`76`	`width: 63%;`
`@@ -101,7 +96,6 @@ button.small .icon {`
`101`	`96`	`}`
`102`	`97`	`.button .label {`
`103`	`98`	`text-align: center;`
`104`		`- /* color: #eee; */`
`105`	`99`	`color: rgba(255, 255, 255, 0.2);`
`106`	`100`	`font-family: "OpenSans", sans-serif;`
`107`	`101`	`}`