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

10 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
@ -68,9 +68,11 @@

 .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 {