Browse Source

CSS for avatars that appear when users are typing

pull/2998/head
lukebarnard 6 years ago
parent
commit
789c7b60cc
  1. 27
      src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss

27
src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss

@ -40,12 +40,12 @@ limitations under the License.
opacity: 0.5;
position: relative;
top: -4px;
/*
/*
animation-duration: 1s;
animation-name: bounce;
animation-direction: alternate;
animation-iteration-count: infinite;
*/
*/
}
.mx_RoomStatusBar_placeholderIndicator span:nth-child(1) {
@ -70,6 +70,29 @@ limitations under the License.
}
}
.mx_RoomStatusBar_typingIndicatorAvatars {
width: 24px;
text-align: left;
}
.mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar {
margin-right: -12px;
}
.mx_RoomStatusBar_typingIndicatorRemaining {
display: inline-block;
color: #acacac;
background-color: #ddd;
border-radius: 40px;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 0.8em;
vertical-align: top;
text-align: center;
position: absolute;
}
.mx_RoomStatusBar_scrollDownIndicator {
cursor: pointer;
}

Loading…
Cancel
Save