Merge pull request #870 from JuanTincho/Large-block-label

Hide large labels on blocks

src/block_manager/view/BlockView.js

@@ -70,7 +70,7 @@ module.exports = Backbone.View.extend({
     const className = `${pfx}block`;
     const label = this.model.get('label');
     el.className += ` ${className} ${pfx}one-bg ${pfx}four-color-h`;
-    el.innerHTML = `<div class="${className}-label">${label}</div>`;
+    el.innerHTML = `<div title="${label}" class="${className}-label">${label}</div>`;
     hasDnd(this.em) && el.setAttribute('draggable', true);
     return this;
   }

src/styles/scss/_gjs_blocks.scss

@@ -31,7 +31,7 @@
   width: 45%;
   padding: 1em;
   box-sizing: border-box;
-  height: 90px;
+  height: 103px;
   cursor: all-scroll;
   font-size: 11px;
   font-weight: lighter;
@@ -71,6 +71,8 @@
   font-size: 0.65rem;
   font-weight: normal;
   font-family: Helvetica, sans-serif;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .#{$app-prefix}block.#{$app-prefix}bdrag {