Modify Css to show deactivated state

xnkevinnguyen · xnkevinnguyen · commit f68ca8c8db04 · 2020-04-03T10:37:49.000-07:00
diff --git a/src/view/styles/SimulatorSvg.css b/src/view/styles/SimulatorSvg.css
@@ -19,7 +19,7 @@ svg.sim.grayscale {
     pointer-events: none;
     fill: "rgb(17, 17, 17)";
 }
-.sim-button:active {
+.sim-button-group > .sim-button:active {
     fill: orange;
 }
 .sim-text-outside {
@@ -31,11 +31,11 @@ svg.sim.grayscale {
 sim-button {
     fill: #111;
 }
-.sim-button-outer:hover {
+.sim-button-group > .sim-button-outer:hover {
     stroke: orange;
     stroke-width: 4px;
 }
-.sim-button-outer:active {
+.sim-button-group > .sim-button-outer:active {
     fill: orange;
 }
 .sim-button-outer {

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ svg.sim.grayscale {`
`19`	`19`	`pointer-events: none;`
`20`	`20`	`fill: "rgb(17, 17, 17)";`
`21`	`21`	`}`
`22`		`-.sim-button:active {`
	`22`	`+.sim-button-group > .sim-button:active {`
`23`	`23`	`fill: orange;`
`24`	`24`	`}`
`25`	`25`	`.sim-text-outside {`
`@@ -31,11 +31,11 @@ svg.sim.grayscale {`
`31`	`31`	`sim-button {`
`32`	`32`	`fill: #111;`
`33`	`33`	`}`
`34`		`-.sim-button-outer:hover {`
	`34`	`+.sim-button-group > .sim-button-outer:hover {`
`35`	`35`	`stroke: orange;`
`36`	`36`	`stroke-width: 4px;`
`37`	`37`	`}`
`38`		`-.sim-button-outer:active {`
	`38`	`+.sim-button-group > .sim-button-outer:active {`
`39`	`39`	`fill: orange;`
`40`	`40`	`}`
`41`	`41`	`.sim-button-outer {`