github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-19 02:03:10 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Fix highlighting regressions (#24825)

Browse Source 
Two regressions fixed here, one introduced in 6dc5fe0c83829a4fca549f0903669bf48f42d74a
and the other introduced a few months ago.
This commit is contained in:
Penar Musaraj 2023-12-11 11:02:48 -05:00 committed by GitHub
parent 81b0420614
commit 695ec99cea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/common/base/personal-message.scss
View File

@ -69,15 +69,6 @@
} }
} }
.topic-body.highlighted {
animation: none;
@media (prefers-reduced-motion: no-preference) {
.cooked {
animation: background-fade-highlight 2.5s ease-out;
}
}
}
.topic-avatar, .topic-avatar,
.topic-body { .topic-body {
border: none; border: none;

30
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -942,30 +942,24 @@ aside.quote {
border-top: 1px solid var(--primary-low); border-top: 1px solid var(--primary-low);
padding-top: 0.5em; padding-top: 0.5em;
} }
}
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
&.highlighted { .topic-body.highlighted .cooked,
animation: background-fade-highlight 2.5s ease-out; .small-action-desc.highlighted {
} animation: background-fade-highlight 2.5s ease-out;
}
// Disable animation so deleted status is visible immediately
.deleted .topic-body.highlighted .cooked {
animation: none;
} }
} }
.topic-body:not(.deleted), .small-action-desc,
.small-action-desc { .topic-body {
@media (prefers-reduced-motion: no-preference) { &:focus-visible {
&.highlighted {
animation: background-fade-highlight 2.5s ease-out;
}
}
&.highlighted:focus-visible {
outline: none; outline: none;
} }
.deleted & {
// Disable so the deleted background is visible immediately
&.highlighted {
animation: none;
}
}
} }
.post-info { .post-info {