Truncated long card menu labels

ghost/admin/app/styles/layouts/editor.css

@@ -125,7 +125,7 @@
     color: #1e0fbe;
     font-size: 1.8rem;
     line-height: 2.16rem;
-    text-overflow: ellipses;
+    text-overflow: ellipsis;
     word-wrap: break-word;
 
     -webkit-text-overflow: ellipsis;
@@ -715,4 +715,4 @@ figure {
     top: 0;
     bottom: 0;
     z-index: 400;
-}
+}

ghost/admin/lib/koenig-editor/addon/components/koenig-menu-content.hbs

@@ -10,6 +10,7 @@
                         class="{{if (eq item @selectedItem) "kg-cardmenu-card-selected"}} {{kg-style "cardmenu-card"}}"
                         data-kg="cardmenu-card"
                         role="menuitem"
+                        title="{{item.label}}"
                         {{on "click" (fn @itemClicked item)}}
                     >
                         <div class="{{kg-style "cardmenu-icon"}} {{item.iconClass}}" aria-hidden="true">{{svg-jar item.icon class="w7 h7"}}</div>

ghost/admin/lib/koenig-editor/addon/helpers/kg-style.js

@@ -21,7 +21,7 @@ export function kgStyle([style], options) {
         break;
 
     case 'cardmenu-label':
-        cssClass = 'f-7 tracked-1 fw4 ma0 ml4 flex-grow-1';
+        cssClass = 'f-7 tracked-1 fw4 ma0 ml4 flex-grow-1 truncate';
         break;
 
     // Container cards