github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-30 06:17:47 +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 6dc5fe0c83
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-body {
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);
padding-top: 0.5em;
}
}
@media (prefers-reduced-motion: no-preference) {
&.highlighted {
animation: background-fade-highlight 2.5s ease-out;
}
@media (prefers-reduced-motion: no-preference) {
.topic-body.highlighted .cooked,
.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 {
@media (prefers-reduced-motion: no-preference) {
&.highlighted {
animation: background-fade-highlight 2.5s ease-out;
}
}
&.highlighted:focus-visible {
.small-action-desc,
.topic-body {
&:focus-visible {
outline: none;
}
.deleted & {
// Disable so the deleted background is visible immediately
&.highlighted {
animation: none;
}
}
}
.post-info {