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 @@ +
+
{{ tag }}
+
+