mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-03-30 19:55:31 +08:00
Removed default anchor CSS filtering in dark mode
Due to causing content images to be rendered in unexpected ways. - Also removed CSS filters from other image usage. - Tweaked header CSS filtering to not be so aggressive. - Forced WYSIWYG editor to be on its own layer since that would allow massive larger performance increases in Safari, especially when using dark mode. Closes #2045. Closes #2154.
This commit is contained in:
parent
6e4132121c
commit
76fcbd3752
@ -95,9 +95,3 @@
|
||||
.bg-shelf {
|
||||
background-color: var(--color-bookshelf);
|
||||
}
|
||||
|
||||
.bg-shelf, .bg-book {
|
||||
@include whenDark {
|
||||
filter: brightness(67%) saturate(80%);
|
||||
}
|
||||
}
|
||||
|
@ -24,7 +24,7 @@ header {
|
||||
padding: $-xxs 0;
|
||||
@include lightDark(border-bottom-color, #DDD, #000);
|
||||
@include whenDark {
|
||||
filter: saturate(0.6) brightness(0.8);
|
||||
filter: saturate(0.8) brightness(0.8);
|
||||
}
|
||||
.links {
|
||||
display: inline-block;
|
||||
|
@ -96,9 +96,6 @@ a {
|
||||
text-decoration: none;
|
||||
transition: filter ease-in-out 80ms;
|
||||
line-height: 1.6;
|
||||
@include whenDark {
|
||||
filter: brightness(1.3) saturate(0.7);
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
@ -51,6 +51,9 @@
|
||||
overflow:auto;
|
||||
iframe {
|
||||
flex: 1;
|
||||
// Force TinyMCE iframe to render on its own layer
|
||||
// for much greater performance in Safari
|
||||
will-change: transform;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user