Dropdown User Plugins styles

.gitignore

@@ -14,3 +14,4 @@ tmp/
 app/config/main.coffee
 scss-lint.log
 e2e/screenshots/
+app/modules/compile-modules/

app/locales/taiga/locale-en.json

@@ -777,6 +777,7 @@
             "CHANGE_PASSWORD": "Change password",
             "DASHBOARD_TITLE": "Dashboard",
             "DISCOVER_TITLE": "Discover trending projects",
+            "NEW_ITEM": "New",
             "DISCOVER": "Discover",
             "ACTION_REORDER": "Drag & drop to reorder"
         },

app/modules/navigation-bar/dropdown-user/dropdown-user.jade

@@ -23,13 +23,14 @@ div.navbar-dropdown.dropdown-user
                 title="{{'PROJECT.NAVIGATION.EDIT_PROFILE_TITLE' | translate}}",
                 translate="PROJECT.NAVIGATION.EDIT_PROFILE")
 
-        li(ng-repeat="plugin in vm.userSettingsPlugins")
+        li.plugin(ng-repeat="plugin in vm.userSettingsPlugins")
             a(
                 href=""
                 tg-nav="user-settings-contrib:plugin=plugin.slug"
                 ng-class="{active: plugin.slug == currentPlugin.slug}"
             )
                 span.title {{ plugin.name }}
+                span.new(translate="PROJECT.NAVIGATION.NEW_ITEM")
 
         li
             a(

app/modules/navigation-bar/navigation-bar.scss

@@ -133,6 +133,20 @@ $dropdown-width: 350px;
         margin-bottom: .5rem;
         padding: 0;
     }
+    .plugin {
+        &:hover {
+            .new {
+                color: $white;
+            }
+        }
+        .new {
+            @extend %small;
+            background: $red-light;
+            float: right;
+            margin-left: auto;
+            padding: .1rem .25rem;
+        }
+    }
     a {
         color: $gray-light;
         display: block;