From ed5869ff8e796a8303febb21bdb63534e79c03f2 Mon Sep 17 00:00:00 2001
From: Urban Rotnik <urban.rotnik@gmail.com>
Date: Tue, 1 Sep 2020 14:56:48 +0200
Subject: [PATCH] Show status on task card

---
 app/assets/stylesheets/themes/scinote.scss     | 3 +++
 app/views/canvas/full_zoom/_my_module.html.erb | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss
index 939c77875..ff1fec8cc 100644
--- a/app/assets/stylesheets/themes/scinote.scss
+++ b/app/assets/stylesheets/themes/scinote.scss
@@ -762,7 +762,10 @@ ul.double-line > li {
       background-color: var(--state-color);
       color: $color-white;
       margin: 3px 0;
+      max-width: 100%;
+      overflow: hidden;
       padding: 2px 8px;
+      text-overflow: ellipsis;
       white-space: nowrap;
       width: fit-content;
     }
diff --git a/app/views/canvas/full_zoom/_my_module.html.erb b/app/views/canvas/full_zoom/_my_module.html.erb
index 3f4ef6fa7..af2f9385d 100644
--- a/app/views/canvas/full_zoom/_my_module.html.erb
+++ b/app/views/canvas/full_zoom/_my_module.html.erb
@@ -37,8 +37,8 @@
     <% else %>
       <%= render partial: "my_modules/card_due_date_label.html.erb", locals: { my_module: my_module, format: :full_date } %>
     <% end %>
-    <div class="status-label" style="--state-color: #2DBE61">
-      Completed
+    <div class="status-label" style="--state-color: <%= my_module.my_module_status.color %>">
+      <%= my_module.my_module_status.name %>
     </div>
   </div>