From f3baf31dcdda80d4c8054dc0bfae35b18ca3f0cf Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 11 Apr 2019 18:41:26 +0200
Subject: [PATCH] Initial attempt to show tags on the apps if any

---
 src/theme.scss      | 22 ++++++++++++++++++++++
 src/views/apps.html |  4 ++++
 2 files changed, 26 insertions(+)

diff --git a/src/theme.scss b/src/theme.scss
index 3169c9217..179da39b6 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -314,6 +314,28 @@ h1, h2, h3 {
     }
 }
 
+.grid-item-tags {
+    display: block;
+    position: absolute;
+    top: 26px;
+    left: -15px;
+
+    .grid-item-tag {
+        margin: 5px 0;
+        padding: 0 5px;
+        background-color: $navbar-default-link-hover-color;
+        border-radius: 2px;
+        color: white;
+        max-width: 60px;
+        overflow: hidden;
+        transition: all 250ms;
+
+        &:hover {
+            max-width: 200px;
+        }
+    }
+}
+
 .grid-item:hover .grid-item-actions {
     opacity: 1;
     right: 10px;
diff --git a/src/views/apps.html b/src/views/apps.html
index 785cf1950..1e2695bde 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -545,6 +545,10 @@
                   </div>
                 </div>
 
+                <div class="grid-item-tags">
+                  <div class="grid-item-tag" ng-repeat="tag in app.tags | limitTo:6">{{ tag }}</div>
+                </div>
+
                 <div class="grid-item-actions" ng-show="user.admin || (config.features.spaces && app.ownerId === user.id)">
                   <a href="" ng-click="showUninstall(app)" uib-tooltip="Uninstall" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-times scale"></i></a>
                   <a href="" ng-click="appRestore.show(app)" ng-show="backupConfig.provider !== 'noop'" uib-tooltip="Backups" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-archive scale"></i></a>