fix: sort btn focus

techfromsage · Mar 3, 2022 · 20b4c0c · 20b4c0c
1 parent 393a1a9
commit 20b4c0c
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 6 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
@@ -12,19 +12,27 @@ th {
 }
 
 .table-lg {
-  > :not(caption) > * > td {
+  > :not(caption) > * > * {
     padding: $table-cell-padding-y-lg $table-cell-padding-x-lg;
   }
 }
 
 .o-table__sort-btn {
   width: 100%;
-  padding: .5rem;
+  padding: $table-cell-padding-y $table-cell-padding-x;
   font-weight: bold;
   text-align: inherit;
   border-radius: 0;
 }
 
+.o-table__sort-btn:focus {
+  box-shadow: 0 0 0 1px inset currentColor;
+}
+
+.table-lg .o-table__sort-btn {
+  padding: $table-cell-padding-y-lg $table-cell-padding-x-lg
+}
+
 th:not([aria-sort]) .o-table__sort-btn .o-table__sort-btn__arrow--up,
 th:not([aria-sort]) .o-table__sort-btn .o-table__sort-btn__arrow--down {
   display: none;