Quellcode durchsuchen

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

Explore: Fix log stats with long labels
Torkel Ödegaard vor 6 Jahren
Ursprung
Commit
34b6405fd9

+ 3 - 1
public/app/features/explore/LogLabelStats.tsx

@@ -11,7 +11,9 @@ function LogLabelStatsRow(logLabelStatsModel: LogLabelStatsModel) {
   return (
     <div className={className}>
       <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__percent">{percent}</div>
       </div>

+ 2 - 0
public/sass/components/_panel_logs.scss

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