mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-07-31 15:24:31 +03:00
Fixed failing test and added more accessibility improvements
- Updated linked images to have obvious focus styles - Added proper role to notifications - Made dropdown list focus styles a bit nicer. - Updated book list chapter child slide down to be keyboard activatable. Related to #1320
This commit is contained in:
@ -59,6 +59,8 @@
|
||||
.chapter-expansion-toggle {
|
||||
border-radius: 0 4px 4px 0;
|
||||
padding: $-xs $-m;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.chapter-expansion-toggle:hover {
|
||||
background-color: rgba(0, 0, 0, 0.06);
|
||||
@ -554,14 +556,15 @@ ul.pagination {
|
||||
display: block;
|
||||
padding: $-xs $-m;
|
||||
color: #555;
|
||||
fill: #555;
|
||||
fill: currentColor;
|
||||
white-space: nowrap;
|
||||
&:hover, &:focus {
|
||||
text-decoration: none;
|
||||
background-color: #EEE;
|
||||
background-color: var(--color-primary-light);
|
||||
color: var(--color-primary);
|
||||
}
|
||||
&:focus {
|
||||
outline: 1px solid rgba(0, 0, 0, 0.2);
|
||||
outline: 1px solid var(--color-primary);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
svg {
|
||||
|
@ -106,6 +106,10 @@ a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
&:focus img:only-child {
|
||||
outline: 2px dashed var(--color-primary);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.blended-links a {
|
||||
|
Reference in New Issue
Block a user