Clip long namespace names but make sure to keep the full name in the title attribute

ui/app/styles/components/dropdown.scss

@@ -122,6 +122,7 @@
 .ember-power-select-selected-item,
 .dropdown-item {
   text-overflow: ellipsis;
+  overflow: hidden;
   white-space: nowrap;
 }
 

ui/app/templates/components/gutter-menu.hbs

@@ -36,6 +36,7 @@
                 @onChange={{action this.gotoJobsForNamespace}}
                 @tagName="div"
                 @class="namespace-switcher"
+                title={{this.system.activeNamespace.name}}
                 as |namespace|>
                 <span class="ember-power-select-prefix">Namespace: </span>{{namespace.name}}
               </PowerSelect>