Mercurial > libervia-templates
changeset 157:79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
author | Goffi <goffi@goffi.org> |
---|---|
date | Mon, 02 Jul 2018 21:35:00 +0200 |
parents | b01b58d06894 |
children | d9cc8f453baa |
files | sat_templates/default/chat/message.html sat_templates/default/static/styles.css |
diffstat | 2 files changed, 12 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/sat_templates/default/chat/message.html Mon Jul 02 21:34:28 2018 +0200 +++ b/sat_templates/default/chat/message.html Mon Jul 02 21:35:00 2018 +0200 @@ -3,7 +3,7 @@ <p id="{{msg.id}}" class="msg_{{msg.type}} {{'own_msg' if msg.from_ == own_jid.full()}}"> {%- if msg.type != C.MESS_TYPE_INFO %} {%- set author = identities[msg.from_].nick | default(msg.from_) -%} - {{ avatar.avatar(msg.from_) }} + {{ avatar.avatar(msg.from_, "avatar--float-left") }} <span class="msg_header"> <span class="author">{{author}}</span> <span class="date">{{msg.timestamp|date_fmt('auto_day')}}</span>
--- a/sat_templates/default/static/styles.css Mon Jul 02 21:34:28 2018 +0200 +++ b/sat_templates/default/static/styles.css Mon Jul 02 21:35:00 2018 +0200 @@ -239,14 +239,23 @@ .avatar { height: 2rem; width: 2rem; - display: inline-flex; - flex-direction: column; align-content: center; justify-content: center; background: #ccc; border-radius: 0.2rem; } +.avatar--generated{ + display: inline-flex; + flex-direction: column; +} + +.avatar--float-left { + float: left; + margin-top: 0.3em; + margin-right: 0.5em; +} + .avatar__content { }