FIX: scope PM background color to PMs (#25020)

This commit is contained in:
Kris 2023-12-22 15:16:59 -05:00 committed by GitHub
parent 096e26d972
commit 02b117a852
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 55 additions and 55 deletions

View File

@ -151,71 +151,71 @@
align-items: baseline;
margin-right: 0.15em;
}
}
// special post type colors
// special post type colors
.current-user-post {
&:not(.moderator):not(.whisper.current-user-post) {
.regular.contents {
background: var(--tertiary-very-low);
border-color: var(--tertiary-very-low);
}
.topic-body.highlighted {
@media (prefers-reduced-motion: no-preference) {
.cooked {
animation: unset;
}
.regular.contents {
animation: current-user-background-fade-highlight 2.5s ease-out;
.current-user-post {
&:not(.moderator):not(.whisper.current-user-post) {
.regular.contents {
background: var(--tertiary-very-low);
border-color: var(--tertiary-very-low);
}
.topic-body.highlighted {
@media (prefers-reduced-motion: no-preference) {
.cooked {
animation: unset;
}
.regular.contents {
animation: current-user-background-fade-highlight 2.5s ease-out;
}
}
}
}
}
.topic-body .cooked {
border: 1px solid transparent;
}
.embedded-posts {
.topic-body .cooked {
border: 1px solid transparent;
}
.embedded-posts {
.topic-body .cooked {
background: transparent;
}
}
}
.moderator {
.regular.contents {
background: var(--highlight-low);
border-color: var(--highlight-low);
}
.regular.contents .cooked {
background: transparent;
border: 1px solid transparent;
}
}
.deleted {
.regular.contents {
background: var(--danger-low);
border-color: var(--danger-low);
}
.topic-body .regular .cooked {
background: transparent;
}
}
}
.moderator {
.regular.contents {
background: var(--highlight-low);
border-color: var(--highlight-low);
}
.regular.contents .cooked {
background: transparent;
border: 1px solid transparent;
}
}
.deleted {
.regular.contents {
background: var(--danger-low);
border-color: var(--danger-low);
}
.topic-body .regular .cooked {
background: transparent;
}
.topic-body.highlighted .regular.contents {
animation: unset;
}
}
.whisper {
.topic-body .regular.contents {
background: transparent;
border: 2px dashed var(--primary-low);
.topic-body.highlighted .regular.contents {
animation: unset;
}
}
&.current-user-post .topic-body .regular.contents {
border: 2px dashed var(--tertiary-low);
@media (prefers-reduced-motion: no-preference) {
animation: background-fade-highlight 2.5s ease-out;
.whisper {
.topic-body .regular.contents {
background: transparent;
border: 2px dashed var(--primary-low);
}
&.current-user-post .topic-body .regular.contents {
border: 2px dashed var(--tertiary-low);
@media (prefers-reduced-motion: no-preference) {
animation: background-fade-highlight 2.5s ease-out;
}
}
}
}