Problems: truncate long problem description

2020-05-18 16:18:15 +03:00
parent 6e2f28670e
commit a34b72c2b6
2 changed files with 29 additions and 7 deletions
--- a/src/sass/_panel-problems.scss
+++ b/src/sass/_panel-problems.scss
@@ -251,10 +251,30 @@
        flex-direction: column;
      }

-      .description-label {
-        font-weight: 500;
-        font-style: italic;
-        color: $text-muted;
+      .problem-description-row {
+
+        .problem-description {
+          position: relative;
+          height: 4.5rem;
+          overflow: hidden;
+
+          &:after {
+            content: "";
+            text-align: right;
+            position: absolute;
+            bottom: 0;
+            right: 0;
+            width: 70%;
+            height: 1.5rem;
+            background: linear-gradient(to right, rgba($problem-details-background, 0), rgba($problem-details-background, 1) 50%);
+          }
+        }
+
+        .description-label {
+          font-weight: 500;
+          font-style: italic;
+          color: $text-muted;
+        }
      }

      .problem-age {