mirror of
https://github.com/discourse/discourse.git
synced 2024-12-11 23:13:48 +08:00
79a260a6bb
This commit fixes the selection of message in threads and also applies various refactorings - improves specs and especially page objects/components - makes the channel/thread panes responsible of the state - adds an animationend modifier - continues to follow the logic of "state" should be displayed as data attributes on component by having a new `data-selected` attribute on chat messages
40 lines
759 B
SCSS
40 lines
759 B
SCSS
.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;
|
|
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;
|
|
}
|
|
|
|
@keyframes chat-quote-message-background-fade-highlight {
|
|
0% {
|
|
}
|
|
100% {
|
|
background-color: transparent;
|
|
color: transparent;
|
|
}
|
|
}
|
|
}
|