[5.1] Cog icon focus (#43135)

brianteeman · web-flow · commit 8a3e608bfb21 · 2024-03-30T00:04:44.000+01:00
adds an outline to the cog when it receives keyboard focus
diff --git a/build/media_source/templates/administrator/atum/scss/pages/_com_cpanel.scss b/build/media_source/templates/administrator/atum/scss/pages/_com_cpanel.scss
@@ -160,6 +160,12 @@
   .mod-custom {
     padding: 1rem;
   }
+
+  .btn:first-child:focus-visible {
+    color: var(--btn-active-color);
+    background-color: var(--btn-active-bg);
+    border-color: var(--btn-active-border-color);
+  }
 }
 
 .sample-data {

Original file line number	Diff line number	Diff line change
`@@ -160,6 +160,12 @@`
`160`	`160`	`.mod-custom {`
`161`	`161`	`padding: 1rem;`
`162`	`162`	`}`
	`163`	`+`
	`164`	`+ .btn:first-child:focus-visible {`
	`165`	`+ color: var(--btn-active-color);`
	`166`	`+ background-color: var(--btn-active-bg);`
	`167`	`+ border-color: var(--btn-active-border-color);`
	`168`	`+ }`
`163`	`169`	`}`
`164`	`170`
`165`	`171`	`.sample-data {`