mirror of
https://github.com/discourse/discourse.git
synced 2024-12-05 18:16:03 +08:00
0b34d5ac6c
A follow-up to #15117 and #15141. Applies the previous changes to PM-specific fields, makes the preview area take the all the available height of the composer, and unifies more spacing between composer elements.
84 lines
1.3 KiB
SCSS
84 lines
1.3 KiB
SCSS
.topic-above-footer-buttons-outlet.presence {
|
|
min-height: 1.8em; // height of the avatars, prevents layout shift
|
|
margin: var(--below-topic-margin) 0;
|
|
}
|
|
|
|
.presence-users {
|
|
background-color: var(--secondary);
|
|
color: var(--primary-medium);
|
|
display: flex;
|
|
|
|
span.presence-text {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.presence-avatars {
|
|
display: flex;
|
|
overflow: hidden;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.wave {
|
|
flex: 0 0 auto;
|
|
|
|
.dot {
|
|
display: inline-block;
|
|
animation: wave 1.8s linear infinite;
|
|
|
|
&:nth-child(2) {
|
|
animation-delay: -1.6s;
|
|
}
|
|
|
|
&:nth-child(3) {
|
|
animation-delay: -1.4s;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes wave {
|
|
0%,
|
|
60%,
|
|
100% {
|
|
transform: initial;
|
|
}
|
|
|
|
30% {
|
|
transform: translateY(-0.2em);
|
|
}
|
|
}
|
|
}
|
|
|
|
.composer-fields .presence-users {
|
|
overflow: hidden;
|
|
flex-shrink: 1;
|
|
.presence-avatars {
|
|
flex-wrap: nowrap;
|
|
}
|
|
}
|
|
|
|
.mobile-view .composer-fields .presence-users .description {
|
|
display: none;
|
|
}
|
|
|
|
// TMP: RTL overrides
|
|
.rtl {
|
|
span.presence-text {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.composer-fields .presence-users {
|
|
right: unset;
|
|
left: 95px;
|
|
}
|
|
|
|
&.mobile-view {
|
|
.composer-fields .presence-users {
|
|
right: unset;
|
|
left: 65px;
|
|
}
|
|
}
|
|
}
|