gaja-group
/
element-web
forked from matrix/element-web
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #2998 from vector-im/luke/css-typing-avatars 

CSS for avatars that appear when users are typing
This commit is contained in:
Luke Barnard 2017-01-20 17:43:36 +01:00 committed by GitHub
parent 01d4846526 afcf9de8d4
commit a24b568b73
1 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
View File

@ -40,12 +40,12 @@ limitations under the License.
opacity: 0.5; opacity: 0.5;
position: relative; position: relative;
top: -4px; top: -4px;
/* /*
animation-duration: 1s; animation-duration: 1s;
animation-name: bounce; animation-name: bounce;
animation-direction: alternate; animation-direction: alternate;
animation-iteration-count: infinite; animation-iteration-count: infinite;
*/ */
} }
.mx_RoomStatusBar_placeholderIndicator span:nth-child(1) { .mx_RoomStatusBar_placeholderIndicator span:nth-child(1) {
@ -70,6 +70,36 @@ limitations under the License.
} }
} }
.mx_RoomStatusBar_typingIndicatorAvatars {
width: 52px;
text-align: left;
}
.mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar_image {
margin-right: -12px;
border: 1px solid $primary-bg-color;
}
.mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar_initial {
padding-left: 1px;
padding-top: 1px;
}
.mx_RoomStatusBar_typingIndicatorRemaining {
display: inline-block;
color: #acacac;
background-color: #ddd;
border: 1px solid $primary-bg-color;
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 { .mx_RoomStatusBar_scrollDownIndicator {
cursor: pointer; cursor: pointer;
} }