From c23c9519cd2b83eb9d9d3ce5adceea5f81a00a52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Marti=CC=81n=20Pithod?=
 <juanmartin.pithod@gotocme.com>
Date: Wed, 14 Feb 2018 17:17:53 -0300
Subject: [PATCH]  * Added css to hide very large labels.  * Added title to
 label class, thus it shows the text on a tooltip.

---
 src/block_manager/view/BlockView.js | 2 +-
 src/styles/scss/_gjs_blocks.scss    | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/block_manager/view/BlockView.js b/src/block_manager/view/BlockView.js
index bbcbcab26..6c8e8eeb5 100644
--- a/src/block_manager/view/BlockView.js
+++ b/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;
   }
diff --git a/src/styles/scss/_gjs_blocks.scss b/src/styles/scss/_gjs_blocks.scss
index 4469d9b58..bd1403b4c 100644
--- a/src/styles/scss/_gjs_blocks.scss
+++ b/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 {