discourse/plugins/discourse-presence/assets/stylesheets/presence.scss

53 lines
777 B
SCSS

.presence-users {
background-color: $secondary;
color: $primary-medium;
padding: 0px 5px;
display: flex;
align-items: center;
span.presence-text {
margin-left: 5px;
}
.wave {
.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 {
position: absolute;
top: 18px;
right: 35px;
}
.mobile-view {
.composer-fields .presence-users {
top: 3px;
right: 54px;
.description {
display:none;
}
}
}