1
0
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:
Dan Brown
2019-08-25 17:21:25 +01:00
parent 9fbef8cd1b
commit 2dfe6c2d56
7 changed files with 19 additions and 10 deletions

View File

@ -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 {

View File

@ -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 {