From 61e42eb4fa45d04c0b9850e0ad6e2a5a4931cd4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 14 Sep 2016 08:39:06 +0200
Subject: [PATCH] Color templates in history

---
 .../history/history-templates/history-color.jade   | 14 +++++++++++---
 .../history-templates/history-templates.scss       |  9 +++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/app/modules/history/history/history-templates/history-color.jade b/app/modules/history/history/history-templates/history-color.jade
index d97314bb..89b69d87 100644
--- a/app/modules/history/history/history-templates/history-color.jade
+++ b/app/modules/history/history/history-templates/history-color.jade
@@ -1,9 +1,17 @@
-.diff-status-wrapper
+.diff-color-wrapper
     span.key(
         translate="ACTIVITY.FIELDS.COLOR"
     )
-    span.diff(ng-if="vm.diff[0]") {{vm.diff[0]}}
+    span.diff(
+        ng-if="vm.diff[0]"
+        ng-style="{background: vm.diff[0]}"
+        title="{{vm.diff[0]}}"
+    )
     tg-svg(
         svg-icon="icon-arrow-right"
     )
-    span.diff(ng-if="vm.diff[1]") {{vm.diff[1]}}
+    span.diff(
+        ng-if="vm.diff[1]"
+        ng-style="{background: vm.diff[1]}"
+        title="{{vm.diff[1]}}"
+    )
diff --git a/app/modules/history/history/history-templates/history-templates.scss b/app/modules/history/history/history-templates/history-templates.scss
index 77d5d7ed..504bd69a 100644
--- a/app/modules/history/history/history-templates/history-templates.scss
+++ b/app/modules/history/history/history-templates/history-templates.scss
@@ -25,4 +25,13 @@
             background: rgba($red-light, .3);
         }
     }
+    .diff-color-wrapper {
+        align-items: center;
+        display: flex;
+        .diff {
+            display: inline-block;
+            height: 1.2rem;
+            width: 1.2rem;
+        }
+    }
 }