fix: button hover/focus styles

techfromsage · Mar 4, 2022 · 236afd2 · 236afd2
1 parent bfaf6bd
commit 236afd2
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 5 deletions.
diff --git a/docs/assets/css/custom-full.css b/docs/assets/css/custom-full.css
diff --git a/docs/assets/css/custom-full.css.map b/docs/assets/css/custom-full.css.map
diff --git a/docs/assets/css/custom.css b/docs/assets/css/custom.css
diff --git a/docs/assets/css/custom.css.map b/docs/assets/css/custom.css.map
diff --git a/scss/_tables.scss b/scss/_tables.scss
@@ -27,8 +27,15 @@ th,
   white-space: nowrap;
 }
 
+.o-table__sort-btn:hover {
+  color: $black;
+  background-color: $table-striped-bg;
+}
+
 .o-table__sort-btn:focus {
-  box-shadow: 0 0 0 1px inset currentColor;
+  color: $black;
+  background-color: $table-striped-bg;
+  box-shadow: 0 0 0 2px inset $accent;
 }
 
 .table-lg .o-table__sort-btn {