Cap formatBytesShort at four characters by rolling the mantissa up to the next unit once it reaches 1000, and give .sbx-speed-label a fixed min-width so the panel widget no longer shifts horizontally as speed values change. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
41 lines
725 B
CSS
41 lines
725 B
CSS
.sbx-panel-box {
|
|
spacing: 4px;
|
|
}
|
|
|
|
/* Status dot is drawn in code (St.DrawingArea) using the panel text color. */
|
|
.sbx-dot {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.sbx-outbound-label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sbx-speed-label {
|
|
font-feature-settings: "tnum";
|
|
font-size: 0.9em;
|
|
/* Fixed width so the panel widget doesn't shift as speed values change.
|
|
Sized for the widest field: "↓1023 ↑1023" (see formatBytesShort). */
|
|
min-width: 7.5em;
|
|
text-align: left;
|
|
}
|
|
|
|
.sbx-status-item {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sbx-speed-item {
|
|
font-feature-settings: "tnum";
|
|
}
|
|
|
|
.sbx-test-item {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.sbx-badge {
|
|
font-feature-settings: "tnum";
|
|
padding: 0 6px;
|
|
opacity: 0.7;
|
|
}
|