discourse/plugins/chat/assets/stylesheets/common/chat-selection-manager.scss
Jarek Radosz b47e429b26
DEV: Fix mixed-decls sass deprecations in plugins (#31356)
A follow-up to #31343.

```
WARNING: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls
```
2025-02-18 20:04:51 +01:00

42 lines
840 B
SCSS
Vendored

.chat-selection-management {
border-top: 1px solid var(--primary-low);
display: flex;
gap: 0.5rem;
padding: 0.5rem;
.chat-drawer-content & {
flex-direction: column;
}
&__buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
.chat-drawer-content & {
flex-direction: column;
width: 100%;
}
}
&__copy-success {
animation: chat-quote-message-background-fade-highlight 2s ease-out 3s;
animation-fill-mode: forwards;
background-color: var(--success-low);
color: var(--primary);
flex: 1;
line-height: normal;
padding: 0.5rem 0.65rem;
@media (prefers-reduced-motion) {
animation-duration: 0s;
}
}
@keyframes chat-quote-message-background-fade-highlight {
100% {
background-color: transparent;
color: transparent;
}
}
}