fix(ux): fixed ux issue in new cards data source list, now handles overflowing urls and titles, fixes #4403

9 years ago · 73e5c70d80
parent 6d36641080
commit 73e5c70d80
1 changed files with 9 additions and 1 deletions
--- a/public/sass/components/_cards.scss
+++ b/public/sass/components/_cards.scss
@ -63,14 +63,16 @@
    margin-left: 6px;
    font-size: 11px;
    padding: 2px 6px;
-  }  
+  }
 }

 .card-item-body {
  display: flex;
+  overflow: hidden;
 }

 .card-item-details {
+  overflow: hidden;
 }

 .card-item-header {
@ -83,10 +85,16 @@

 .card-item-name {
  color: $headings-color;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
 }

 .card-item-sub-name {
  color: $text-color-weak;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
 }

 .card-list-layout-grid {