Merge pull request #2506 from kocsmy/fixes/overflowing-data-source-box

A nicer way of hiding overflowing text
This commit is contained in:
Arik Fraimovich 2018-05-02 14:27:59 +03:00 committed by GitHub
commit c8a3985f16
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions

View File

@ -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;
}
}

View File

@ -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>