make hidden options button more accessible
This commit is contained in:
parent
45c07b7c39
commit
bd2cba1f31
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue