Enable menu in statusbar

Author: SamyPesse

addons/cb.files.editor/views/file.js

@@ -87,6 +87,8 @@ define([
                 'type': "label"
             });
             this.tab.statusbar.add(this.editorStatusCommand);
+            this.tab.statusbar.add(this.collaboratorsMenu);
+            this.tab.statusbar.add(syntaxMenu);
 
             // Tab menu
             this.tab.menu.menuSection([

client/resources/stylesheets/ui/statusbar.less

@@ -13,7 +13,7 @@
         list-style: none;
         font-size: 13px;
 
-        .menu-item {
+        & > .menu-item {
             color: inherit;
             margin: 0px 4px;
             cursor: default;
@@ -23,11 +23,35 @@
             float: right;
             display: inline-block;
 
+            .menu-label {
+                margin-left: 4px;
+            }
+
+            /* Simple label */
             &.menu-item-label {
                 float: left;
                 padding: 3px 3px;
             }
 
+            /* Menu */
+            &.menu-item-menu {
+                .ui-menu {
+                    bottom: 100%;
+                    top: auto;
+                    left: auto;
+                    right: 0px;
+                    max-height: 500px;
+                    overflow: auto;
+                }
+
+                &:not(.disabled):hover {
+                    .ui-menu {
+                        display: block;
+                    }
+                }
+            }
+
+            /* Action/Menu */
             & > a {
                 border-radius: 0px;
                 background: transparent;
@@ -39,6 +63,10 @@
                 border-top: 0px;
                 border-bottom: 0px;
                 display: inline-block;
+
+                &:hover, &:focus {
+                    text-decoration: none;
+                }
             }
 
             &:hover {

client/views/tabs/base.js

@@ -61,10 +61,10 @@ define([
             });
             this.on("tab:close", function() {
                 this.menu.destroy();
+                this.statusbar.stopListening();
                 this.statusbar.each(function (command){
                     command.destroy();
                 });
-                this.statusbar.stopListening();
             }, this);
 
             // Keyboard shortcuts