Issue #23607: Increased the amount of description in the ItemSite widget

diff --git a/lib/enyo-x/source/less/grid.less b/lib/enyo-x/source/less/grid.less
index 938b3b2..4453ce6 100644 (file)
--- a/lib/enyo-x/source/less/grid.less
+++ b/lib/enyo-x/source/less/grid.less
@@ -35,6 +35,12 @@
   }
 
   .xv-grid-attr {
+    // This limits the text to three lines
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+
     &.bold {
     font-weight: bold;
     }

diff --git a/lib/enyo-x/source/less/relations.less b/lib/enyo-x/source/less/relations.less
index 1704520..d6a480f 100644 (file)
--- a/lib/enyo-x/source/less/relations.less
+++ b/lib/enyo-x/source/less/relations.less
@@ -28,7 +28,10 @@
 
  .xv-relationwidget-description {
    overflow: hidden;
-   text-overflow: ellipsis;
+   // This gives them 3 lines of description
+   display: -webkit-box;
+   -webkit-line-clamp: 3;
+   -webkit-box-orient: vertical;
    max-width: 250px;
    margin: 5px 5px 5px 80px;
    &.disabled {

diff --git a/lib/enyo-x/source/stylesheets/screen.css b/lib/enyo-x/source/stylesheets/screen.css
index 8bf8ceb..3923e7d 100755 (executable)
--- a/lib/enyo-x/source/stylesheets/screen.css
+++ b/lib/enyo-x/source/stylesheets/screen.css
@@ -2106,6 +2106,12 @@ body {
 .xv-grid-box .xv-scroller {
   background: #f8f8f8;
 }
+.xv-grid-box .xv-grid-attr {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
 .xv-grid-box .xv-grid-attr.bold {
   font-weight: bold;
 }
@@ -2968,7 +2974,9 @@ body {
 }
 .xv-relationwidget-description {
   overflow: hidden;
-  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
   max-width: 250px;
   margin: 5px 5px 5px 80px;
 }