fix: clamp command output to 50 lines (cypress-io#24089)

melkstam · astone123 · web-flow · commit a8e486735848 · 2022-10-04T16:45:04.000-04:00
Co-authored-by: astone123 &lt;adams@cypress.io&gt;
diff --git a/packages/reporter/src/commands/commands.scss b/packages/reporter/src/commands/commands.scss
@@ -81,6 +81,8 @@
     .command-wrapper-text {
       display: flex;
       flex-wrap: nowrap;
+      padding-top: 4px;
+      padding-bottom: 4px;
     }
 
     .command-interceptions {
@@ -138,12 +140,13 @@
   }
 
   .command-info {
-    padding-top: 4px;
-    padding-bottom: 4px;
     margin-left: 0;
     overflow: hidden;
     width: 100%;
     font-weight: 600;
+    -webkit-line-clamp: 50;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
 
     .command-aliases,
     .command-message {
@@ -378,8 +381,6 @@
     white-space: initial;
     word-wrap: inherit;
     width: 100%;
-    -webkit-line-clamp: 50;
-    -webkit-box-orient: vertical;
   }
 
   // Styles for Uncaught Exception
