make hidden options button more accessible

This commit is contained in:
Kyle Spearrin 2020-01-08 09:46:27 -05:00
parent 45c07b7c39
commit bd2cba1f31
1 changed files with 6 additions and 12 deletions

View File

@ -356,12 +356,6 @@ input[type="search"]::-webkit-search-cancel-button {
} }
} }
tr:hover {
td.table-list-options > .dropdown button, td.table-list-options > button {
visibility: visible;
}
}
td { td {
vertical-align: middle; vertical-align: middle;
@ -385,6 +379,7 @@ input[type="search"]::-webkit-search-cancel-button {
width: 76px; width: 76px;
max-width: 76px; max-width: 76px;
text-align: right; text-align: right;
height: 48px;
&.wider { &.wider {
width: 100px; width: 100px;
@ -393,18 +388,17 @@ input[type="search"]::-webkit-search-cancel-button {
.btn { .btn {
line-height: 1; line-height: 1;
transition: initial;
} }
.dropdown-menu { .dropdown-menu {
line-height: $line-height-base; line-height: $line-height-base;
} }
> .dropdown:not(.show) button {
visibility: hidden;
} }
> button { tr:not(:hover) td.table-list-options {
visibility: hidden; > .dropdown:not(.show) button:not(:focus):not(:active), > button:not(:focus):not(:active) {
@extend .sr-only;
} }
} }