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

Do read receipt avatars with absolute positioning: this should be a lot easier to animate. Also mess around with the MemberAvatar a bit so it's easier to style.

Browse source
This commit is contained in:
David Baker 2015-11-10 17:44:59 +00:00
parent c9823d07fd
commit 9a6624d1c7
4 changed files with 29 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/skins/vector/css/atoms/MemberAvatar.css
View file

@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_MemberAvatar {
.mx_MemberAvatar_image {
z-index: 20;
border-radius: 20px;
}
@ -25,6 +25,6 @@ limitations under the License.
text-align: center;
}
.mx_MemberAvatar_wrapper {
.mx_MemberAvatar {
position: relative;
}
}

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

@ -130,15 +130,19 @@ limitations under the License.
}
.mx_EventTile_readAvatars {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
}
.mx_EventTile_readAvatars .mx_MemberAvatar {
margin-left: 1px;
margin-right: 1px;
vertical-align: middle;
position: absolute;
display: inline-block;
}
.mx_EventTile_readAvatarRemainder {
color: #acacac;
font-size: 12px;
position: absolute;
}