From 2e320ceeadf5e134352a9bb83efff93964a40f81 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sat, 19 Mar 2016 13:45:41 -0400
Subject: Handle multiple avatar sizes

---
 assets/css/src/avatar.css | 33 ++++++++++++++++++++++++++++-----
 1 file changed, 28 insertions(+), 5 deletions(-)

(limited to 'assets/css/src')

diff --git a/assets/css/src/avatar.css b/assets/css/src/avatar.css
index a30689e8..de674b82 100644
--- a/assets/css/src/avatar.css
+++ b/assets/css/src/avatar.css
@@ -1,17 +1,40 @@
-.avatar {
+.avatar img {
+    vertical-align: bottom;
+}
+
+.avatar-left {
     float: left;
     margin-right: 10px;
 }
 
-.avatar img,
-.avatar div {
+.avatar-inline {
+    display: inline-block;
+    margin-right: 3px;
+}
+
+.avatar-48 img,
+.avatar-48 div {
     border-radius: 30px;
 }
 
-.avatar-letter {
-    color: #fff;
+.avatar-48 .avatar-letter {
     line-height: 48px;
     width: 48px;
     font-size: 25px;
+}
+
+.avatar-20 img,
+.avatar-20 div {
+    border-radius: 10px;
+}
+
+.avatar-20 .avatar-letter {
+    line-height: 20px;
+    width: 20px;
+    font-size: 11px;
+}
+
+.avatar-letter {
+    color: #fff;
     text-align: center;
 }
-- 
cgit v1.2.3