Merge pull request #16036 from steven-sheehy/log-stats-overflow

Explore: Fix log stats with long labels

public/app/features/explore/LogLabelStats.tsx

@@ -11,7 +11,9 @@ function LogLabelStatsRow(logLabelStatsModel: LogLabelStatsModel) {
   return (
   return (
     <div className={className}>
     <div className={className}>
       <div className="logs-stats-row__label">
       <div className="logs-stats-row__label">
-        <div className="logs-stats-row__value">{value}</div>
+        <div className="logs-stats-row__value" title={value}>
+          {value}
+        </div>
         <div className="logs-stats-row__count">{count}</div>
         <div className="logs-stats-row__count">{count}</div>
         <div className="logs-stats-row__percent">{percent}</div>
         <div className="logs-stats-row__percent">{percent}</div>
       </div>
       </div>

public/sass/components/_panel_logs.scss

@@ -299,6 +299,8 @@ $column-horizontal-spacing: 10px;
 
 
   &__value {
   &__value {
     flex: 1;
     flex: 1;
+    text-overflow: ellipsis;
+    overflow: hidden;
   }
   }
 
 
   &__count,
   &__count,