Skip to content

Commit 50cef36

Browse files
jsbattigclaude
andcommitted
fix: Force I/O metrics to display inline without word-wrap
Use more aggressive CSS with !important to ensure overrides take effect: - grid-template-columns: 75px 1fr !important - display: inline-flex !important - white-space: nowrap on all I/O value elements This should prevent the KB/s values from word-wrapping regardless of browser caching or CSS specificity issues. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
1 parent 631e27f commit 50cef36

File tree

1 file changed

+9
-4
lines changed

1 file changed

+9
-4
lines changed

src/code_indexer/server/web/static/admin.css

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -282,34 +282,39 @@ header.admin-header {
282282

283283
/* I/O Metrics (Disk I/O, Network I/O) - no progress bar, 2-column layout */
284284
.system-metrics .metric.io-metric {
285-
grid-template-columns: 80px 1fr; /* Override: label + full-width value */
285+
display: grid !important;
286+
grid-template-columns: 75px 1fr !important; /* Override: label + full-width value */
286287
}
287288

289+
.system-metrics .metric.io-metric .metric-value,
288290
.system-metrics .metric.io-metric .io-value {
289-
display: flex;
291+
display: inline-flex !important;
290292
align-items: center;
291293
justify-content: flex-start;
292-
gap: 0.25rem;
294+
gap: 0.35rem;
293295
font-size: 0.85rem;
294296
font-weight: 600;
295297
text-align: left;
298+
white-space: nowrap; /* Prevent word wrap */
296299
}
297300

298301
.system-metrics .io-separator {
299302
color: var(--pico-muted-color);
300-
margin: 0 0.15rem;
303+
margin: 0 0.1rem;
301304
}
302305

303306
/* Read/Rx indicators (incoming data) - blue tint */
304307
.system-metrics .io-read,
305308
.system-metrics .io-rx {
306309
color: #3b82f6;
310+
white-space: nowrap;
307311
}
308312

309313
/* Write/Tx indicators (outgoing data) - orange tint */
310314
.system-metrics .io-write,
311315
.system-metrics .io-tx {
312316
color: #f59e0b;
317+
white-space: nowrap;
313318
}
314319

315320
/* Status Indicators */

0 commit comments

Comments
 (0)