github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-01-19 08:32:45 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added use of the prefers-contrast media query

Browse Source 
Used upon areas we usually fade-out to provide a focused user
experience. If the user desires more contrasted we prevent this
behaviour using the prefers-contrast media query.

Related to #2634
This commit is contained in:
Dan Brown 2021-11-23 15:48:55 +00:00
parent 024924eef3
commit 096ed722dd
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
4 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
resources/sass/_blocks.scss
View File

@ -229,6 +229,9 @@
&:hover, &:focus-within { &:hover, &:focus-within {
opacity: 1; opacity: 1;
} }
@media (prefers-contrast: more) {
opacity: 1;
}
} }
/** /**

3
resources/sass/_header.scss
View File

@ -262,6 +262,9 @@ header .search-box {
&:hover, &:focus-within { &:hover, &:focus-within {
opacity: 1; opacity: 1;
} }
@media (prefers-contrast: more) {
opacity: 1;
}
} }
@include smaller-than($l) { @include smaller-than($l) {

3
resources/sass/_layout.scss
View File

@ -369,6 +369,9 @@ body.flexbox {
&:focus-within { &:focus-within {
opacity: 1; opacity: 1;
} }
@media (prefers-contrast: more) {
opacity: 1;
}
} }
} }

3
resources/sass/_pages.scss
View File

@ -412,4 +412,7 @@ body.mce-fullscreen, body.markdown-fullscreen {
text-decoration: none; text-decoration: none;
opacity: 1; opacity: 1;
} }
@media (prefers-contrast: more) {
opacity: 1;
}
} }