Added "pressed" effect to top menu buttons

nem035 · nem035 · commit 709c922ba252 · 2016-06-04T00:23:25.000-04:00
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -527,9 +527,11 @@ button[disabled] {
 }
 
 .top-menu-buttons button.active {
-  box-shadow: 0px 0px 3px 0px black inset;
+  background: rgba(0, 0, 0, .15);
+  box-shadow: 0px 0px 10px 3px #1a1a1a inset;
 }
 
 .top-menu-buttons button:active {
-  box-shadow: 0px 0px 3px 0px black inset;
+  background: rgba(0, 0, 0, .15);
+  box-shadow: 0px 0px 10px 3px #1a1a1a inset;
 }
diff --git a/public/algorithm_visualizer.css b/public/algorithm_visualizer.css
@@ -656,9 +656,11 @@ button[disabled] {
 }
 
 .top-menu-buttons button.active {
-  box-shadow: 0px 0px 3px 0px black inset;
+  background: rgba(0, 0, 0, .15);
+  box-shadow: 0px 0px 10px 3px #1a1a1a inset;
 }
 
 .top-menu-buttons button:active {
-  box-shadow: 0px 0px 3px 0px black inset;
+  background: rgba(0, 0, 0, .15);
+  box-shadow: 0px 0px 10px 3px #1a1a1a inset;
 }
diff --git a/public/algorithm_visualizer.min.css b/public/algorithm_visualizer.min.css

Original file line number	Diff line number	Diff line change
`@@ -527,9 +527,11 @@ button[disabled] {`
`527`	`527`	`}`
`528`	`528`
`529`	`529`	`.top-menu-buttons button.active {`
`530`		`- box-shadow: 0px 0px 3px 0px black inset;`
	`530`	`+ background: rgba(0, 0, 0, .15);`
	`531`	`+ box-shadow: 0px 0px 10px 3px #1a1a1a inset;`
`531`	`532`	`}`
`532`	`533`
`533`	`534`	`.top-menu-buttons button:active {`
`534`		`- box-shadow: 0px 0px 3px 0px black inset;`
	`535`	`+ background: rgba(0, 0, 0, .15);`
	`536`	`+ box-shadow: 0px 0px 10px 3px #1a1a1a inset;`
`535`	`537`	`}`
Original file line number	Diff line number	Diff line change
`@@ -656,9 +656,11 @@ button[disabled] {`
`656`	`656`	`}`
`657`	`657`
`658`	`658`	`.top-menu-buttons button.active {`
`659`		`- box-shadow: 0px 0px 3px 0px black inset;`
	`659`	`+ background: rgba(0, 0, 0, .15);`
	`660`	`+ box-shadow: 0px 0px 10px 3px #1a1a1a inset;`
`660`	`661`	`}`
`661`	`662`
`662`	`663`	`.top-menu-buttons button:active {`
`663`		`- box-shadow: 0px 0px 3px 0px black inset;`
	`664`	`+ background: rgba(0, 0, 0, .15);`
	`665`	`+ box-shadow: 0px 0px 10px 3px #1a1a1a inset;`
`664`	`666`	`}`