mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

Limit number of read avatars, lay them out as per the design & order them.

Browse source
This commit is contained in:
David Baker 2015-11-10 13:51:11 +00:00
parent 450036a6ed
commit c9823d07fd
2 changed files with 41 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/skins/vector/css/molecules/EventTile.css
View file

@ -49,7 +49,6 @@ limitations under the License.
.mx_EventTile .mx_MessageTimestamp {
color: #acacac;
font-size: 12px;
float: right;
}
.mx_EventTile_line {
@ -91,10 +90,16 @@ limitations under the License.
.mx_EventTile_msgOption {
float: right;
text-align: right;
margin-right: 10px;
z-index: 1;
position: relative;
}
.mx_MessageTimestamp {
display: block;
visibility: hidden;
text-align: right;
}
.mx_EventTile_last .mx_MessageTimestamp {
@ -106,10 +111,10 @@ limitations under the License.
}
.mx_EventTile_editButton {
position: absolute;
right: 1px;
top: 15px;
display: block;
visibility: hidden;
margin-left: auto;
margin-right: 0px;
}
.mx_EventTile:hover .mx_EventTile_editButton {
@ -125,10 +130,15 @@ limitations under the License.
}
.mx_EventTile_readAvatars {
float: right;
}
.mx_EventTile_readAvatars .mx_MemberAvatar {
margin-left: 1px;
margin-right: 1px;
vertical-align: middle;
}
.mx_EventTile_readAvatarRemainder {
color: #acacac;
font-size: 12px;
}