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 {
 
 }