Toolbar: Set opacity to 1 when focus is within (#1927)

mAAdhaTTah · RunDevelopment · commit 0b1662dde370 · 2019-06-02T00:24:44.000+02:00
This ensures interacting with the toolbar with the keyboard
makes it visible to the user.
diff --git a/plugins/toolbar/prism-toolbar.css b/plugins/toolbar/prism-toolbar.css
@@ -14,6 +14,12 @@ div.code-toolbar:hover > .toolbar {
 	opacity: 1;
 }
 
+/* Separate line b/c rules are thrown out if selector is invalid.
+   IE11 and old Edge versions don't support :focus-within. */
+div.code-toolbar:focus-within > .toolbar {
+	opacity: 1;
+}
+
 div.code-toolbar > .toolbar .toolbar-item {
 	display: inline-block;
 }

Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,12 @@ div.code-toolbar:hover > .toolbar {`
`14`	`14`	`opacity: 1;`
`15`	`15`	`}`
`16`	`16`
	`17`	`+/* Separate line b/c rules are thrown out if selector is invalid.`
	`18`	`+ IE11 and old Edge versions don't support :focus-within. */`
	`19`	`+div.code-toolbar:focus-within > .toolbar {`
	`20`	`+ opacity: 1;`
	`21`	`+}`
	`22`	`+`
`17`	`23`	`div.code-toolbar > .toolbar .toolbar-item {`
`18`	`24`	`display: inline-block;`
`19`	`25`	`}`