No tags placeholder

2019-01-14 13:42:46 -06:00
parent bcf821a331
commit 2f3d680d44
2 changed files with 10 additions and 0 deletions
--- a/app/assets/stylesheets/app/_tags.scss
+++ b/app/assets/stylesheets/app/_tags.scss
@@ -37,6 +37,13 @@
    }
  }

+  .no-tags-placeholder {
+    padding: 0px 12px;
+    font-size: 12px;
+    opacity: 0.4;
+    margin-top: -5px;
+  }
+
  .tag {
    min-height: 30px;
    padding: 5px 12px;
--- a/app/assets/templates/tags.html.haml
+++ b/app/assets/templates/tags.html.haml
@@ -37,4 +37,7 @@
            %a.item{"ng-click" => "ctrl.saveTag($event, tag)", "ng-if" => "ctrl.editingTag"} Save
            %a.item{"ng-click" => "ctrl.selectedDeleteTag(tag)"} Delete

+        .no-tags-placeholder{"ng-show" => "ctrl.tags.length == 0"}
+          No tags. Create one using the add button above.
+
  %panel-resizer{"panel-id" => "'tags-column'", "default-width" => 150, "on-resize-finish" => "ctrl.onPanelResize", "control" => "ctrl.panelController", "hoverable" => "true", "collapsable" => "true"}