codeburn/extensions/gnome-shell/codeburn@agentseal.org/stylesheet.css
AgentSeal e78a56b348 fix(extensions): stop truncating section titles in GNOME popup
The Activity and Models section headers were being clipped to "Activi..."
and "Mod..." because St.Label ellipsized the combination of
text-transform: uppercase plus letter-spacing in the available popup width.
Drop the uppercase transform and the letter-spacing so the labels render
in full and read consistently across themes.
2026-04-18 04:44:22 -07:00

76 lines
1.6 KiB
CSS

/*
* CodeBurn GNOME Shell extension styles.
*
* Inherits colors from the active GNOME shell theme so the popup looks native on
* both light and dark system themes. Only the brand accent (orange) is hardcoded;
* every other color is left to the theme. Typography and spacing are tight to
* keep the popup compact even when every section is populated.
*/
.codeburn-panel {
spacing: 4px;
}
.codeburn-flame {
font-size: 14px;
}
.codeburn-label {
font-weight: 500;
padding-left: 2px;
padding-right: 2px;
}
.codeburn-header {
font-weight: 600;
color: #ff8c42;
font-size: 13px;
}
.codeburn-meta {
font-size: 11px;
opacity: 0.75;
}
.codeburn-section-title {
font-weight: 600;
font-size: 11px;
opacity: 0.6;
padding-top: 4px;
padding-bottom: 2px;
}
.codeburn-row {
font-family: monospace;
font-size: 11.5px;
padding-left: 4px;
padding-right: 4px;
}
.codeburn-empty {
font-style: italic;
opacity: 0.55;
padding-left: 8px;
}
.codeburn-findings {
color: #ff8c42;
font-weight: 500;
}
.codeburn-updated {
font-size: 10px;
opacity: 0.5;
padding-left: 4px;
}
/* Optional: theme-specific tweaks if the inherited colors look off. Both classes
* are set dynamically by extension.js so we can override per-theme without
* fighting the shell's default popup palette. */
.codeburn-dark .codeburn-row {
/* Monospace can render thin on dark themes; bump weight slightly. */
}
.codeburn-light .codeburn-row {
/* Nothing yet; placeholder for light-theme specific adjustments. */
}