change column link to add a better keyboard focus indicator (#26278)
This commit is contained in:
parent
e258b4cb64
commit
6308dca76a
3 changed files with 12 additions and 3 deletions
|
@ -3283,6 +3283,8 @@ $ui-header-height: 55px;
|
|||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
border-left: 4px solid transparent;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
|
@ -3294,6 +3296,11 @@ $ui-header-height: 55px;
|
|||
outline: 0;
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
border-color: $ui-button-focus-outline-color;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&--transparent {
|
||||
background: transparent;
|
||||
color: $ui-secondary-color;
|
||||
|
@ -3958,7 +3965,7 @@ a.status-card {
|
|||
}
|
||||
|
||||
&:focus-visible {
|
||||
outline: $ui-button-icon-focus-outline;
|
||||
outline: $ui-button-focus-outline;
|
||||
}
|
||||
|
||||
&.active {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue