From d326f2b46cbcd3a2a0d9e3363d08c5e65e7f2711 Mon Sep 17 00:00:00 2001
From: Zsolt Kocsmarszky <kocsmy@gmail.com>
Date: Wed, 2 May 2018 12:33:21 +0200
Subject: [PATCH 1/2] A nicer way of hiding overflowing text

---
 client/app/assets/less/redash/redash-newstyle.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/app/assets/less/redash/redash-newstyle.less b/client/app/assets/less/redash/redash-newstyle.less
index c571da749..f5628a552 100644
--- a/client/app/assets/less/redash/redash-newstyle.less
+++ b/client/app/assets/less/redash/redash-newstyle.less
@@ -150,7 +150,6 @@ body {
 .visual-card {
   background: #FFFFFF;
   border: 1px solid fade(@redash-gray, 15%);
-  overflow: hidden;
   border-radius: 3px;
   margin: 5px;
   width: 212px;
@@ -179,6 +178,8 @@ body {
     font-size: 13px;
     color: #323232;
     margin: 0 !important;
+    text-overflow: ellipsis;
+    overflow: hidden;
   }
 }
 

From 3274a5d67093a6f4c007bd7c13ddce1afcc2922e Mon Sep 17 00:00:00 2001
From: Zsolt Kocsmarszky <kocsmy@gmail.com>
Date: Wed, 2 May 2018 13:27:26 +0200
Subject: [PATCH 2/2] Add data source name to box title

---
 client/app/pages/data-sources/list.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/app/pages/data-sources/list.html b/client/app/pages/data-sources/list.html
index e89c5b90a..6e0bf7f2f 100644
--- a/client/app/pages/data-sources/list.html
+++ b/client/app/pages/data-sources/list.html
@@ -5,7 +5,7 @@
         <a href="data_sources/new" class="btn btn-default"><i class="fa fa-plus"></i> New Data Source</a>
       </p>
       <div class="database-source">
-        <a class="visual-card" ng-href="data_sources/{{dataSource.id}}" ng-repeat="dataSource in dataSources">
+        <a class="visual-card" ng-href="data_sources/{{dataSource.id}}" ng-repeat="dataSource in dataSources" title="{{dataSource.name}}">
           <img ng-src="/static/images/db-logos/{{dataSource.type}}.png" alt="{{dataSource.name}}">
           <h3>{{dataSource.name}}</h3>
         </a>