Infra-Mirrors/BookStack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-10-01 01:36:00 -04:00
Code Issues Packages Projects Releases Wiki Activity

Reduced dynamic fade in dark mode

Browse Source 
For #3203
This commit is contained in:
Dan Brown 2022-03-01 22:29:31 +00:00
parent 5947f59a04
commit fb16ac326f
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
3 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/sass/_blocks.scss
View File

@ -238,13 +238,13 @@
}
.fade-in-when-active {
opacity: 0.6;
@include lightDark(opacity, 0.6, 0.7);
transition: opacity ease-in-out 120ms;
&:hover, &:focus-within {
opacity: 1;
opacity: 1 !important;
}
@media (prefers-contrast: more) {
opacity: 1;
opacity: 1 !important;
}
}

11
resources/sass/_layout.scss
View File

@ -361,16 +361,13 @@ body.flexbox {
display: none;
}
.tri-layout-left-contents > *, .tri-layout-right-contents > * {
opacity: 0.6;
@include lightDark(opacity, 0.6, 0.7);
transition: opacity ease-in-out 120ms;
&:hover {
opacity: 1;
}
&:focus-within {
opacity: 1;
&:hover, &:focus-within {
opacity: 1 !important;
}
@media (prefers-contrast: more) {
opacity: 1;
opacity: 1 !important;
}
}

2
resources/sass/_lists.scss
View File

@ -193,7 +193,7 @@
}
}
.entity-list-item.selected {
background-color: rgba(0, 0, 0, 0.08);
@include lightDark(background-color, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08));
}
.entity-list-item.no-hover {
margin-top: -$-xs;