webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-08-05 00:42:14 +03:00
Code 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
4 changed files with 12 additions and 0 deletions
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;
}
} }