MM-10845 Allowed system console error message to wrap to 2 lines (#1312)

sass/routes/_admin-console.scss

@@ -437,11 +437,10 @@
         }
         .error-message {
             overflow: hidden;
+
             .control-label {
                 padding: 0;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
+                @include text-clamp(2, 20);
             }
         }
         .reset-defaults-btn {

sass/utils/_mixins.scss

@@ -36,3 +36,17 @@
         }
     }
 }
+
+// From https://gist.github.com/kaelig/7528069
+@mixin text-clamp($lines: 2, $line-height: false) {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: $lines;
+
+    // Fallback for non-Webkit browsers
+    // (won't show `…` at the end of the block)
+    @if $line-height {
+        max-height: $line-height * $lines * 1px;
+    }
+}