Bernardo Magri
5aad3153ce
All checks were successful
Check / eval (push) Successful in 3m49s
Bernardo saw Recovery ellipsize on a 2560x1440 external, which falsified the item's model (40% + Inter 11 → "only below 1920"). Real cause: text menus render through themes/<slug>/rofi.rasi, where boreal + neon-glass pinned width: 620px (fixed — a wide panel buys nothing) while seven used 40%, and the font is whatever that file says — mostly monospace, far wider than the Inter that was measured. The modelled combination ships in no theme. The insight: a menu must fit its longest label, which is a count of characters in the THEME's font — so the window must scale with the font, not the screen. 40% gives a 1366 panel 546px and a 2560 one 1024px for the same row, and a 14pt mono theme needs ~25% more room than an 11pt one on both; a percentage cannot see either fact. Rofi has the right unit (`ch` = width of one digit in the current font) and `calc( a min b )` to cap it, so every text menu — generated and all nine whole-swaps — is now `width: calc( 84ch min 65% )`. 84ch fits the longest row we ship (69 chars) plus icon and padding; the cap is Bernardo's condition (never sprawl on a low-res panel) and it is measured, not assumed. Verified on hardware, not by arithmetic: 84ch = 756px in GeistMono 11 and 924px in JetBrainsMono 14; `calc( 84ch min 300px )` → 300px, so the clamp really clamps. Screenshots at both ends — the real Recovery menu at 756px (29% of 2560) with every label complete, and the Acer worst case reproduced pixel-exactly (888px = 65% of 1366, JetBrainsMono 14) also complete. Grid views override width per-invocation and are untouched. checks.rofi-text-width guards the class, proven by pinning boreal back to 620px and watching it fail by name. Acer V3 queued for its own fontconfig. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
123 lines
2.5 KiB
Plaintext
123 lines
2.5 KiB
Plaintext
/**
|
|
* Boreal — rofi whole-swap (themes/<slug>/rofi.rasi).
|
|
* The base theme: a frosted aurora panel used by every menu (and, as a
|
|
* list, the fallback launcher). The app launcher reshapes this into a
|
|
* grid via themes/boreal/launcher.rasi, which @imports this file. The
|
|
* `configuration {}` block is omitted on purpose — it comes from
|
|
* modules/home/rofi.nix. Element structure mirrors the generated theme
|
|
* so the theme-grid picker's per-invocation -theme-str still lays out.
|
|
*/
|
|
|
|
* {
|
|
base: #21272F;
|
|
glassBg: #21272FE6;
|
|
surface: #303A46;
|
|
overlay: #404D5C;
|
|
text: #D3DAE0;
|
|
subtext: #97A3B2;
|
|
muted: #5E6A78;
|
|
accent: #B79BE8;
|
|
accentAlt: #86C7C0;
|
|
accentSoft: #B79BE83B;
|
|
frostEdge: #86C7C05C;
|
|
|
|
font: "GeistMono Nerd Font 11";
|
|
background-color: transparent;
|
|
text-color: @text;
|
|
}
|
|
|
|
window {
|
|
background-color: @glassBg;
|
|
border: 1px;
|
|
border-color: @frostEdge;
|
|
border-radius: 14px;
|
|
width: calc( 84ch min 65% );
|
|
location: center;
|
|
anchor: center;
|
|
padding: 16px;
|
|
}
|
|
|
|
mainbox {
|
|
background-color: transparent;
|
|
children: [ inputbar, message, listview ];
|
|
spacing: 12px;
|
|
}
|
|
|
|
inputbar {
|
|
children: [ prompt, entry ];
|
|
background-color: @surface;
|
|
text-color: @text;
|
|
border-radius: 10px;
|
|
padding: 12px 16px;
|
|
spacing: 10px;
|
|
}
|
|
|
|
prompt { text-color: @accent; }
|
|
|
|
entry {
|
|
text-color: @text;
|
|
cursor: text;
|
|
placeholder: "Search…";
|
|
placeholder-color: @muted;
|
|
}
|
|
|
|
listview {
|
|
background-color: transparent;
|
|
columns: 1;
|
|
lines: 8;
|
|
dynamic: true;
|
|
scrollbar: true;
|
|
spacing: 6px;
|
|
padding: 4px 0px 0px 0px;
|
|
}
|
|
|
|
element {
|
|
background-color: transparent;
|
|
text-color: @text;
|
|
orientation: horizontal;
|
|
border-radius: 10px;
|
|
padding: 10px 14px;
|
|
spacing: 12px;
|
|
}
|
|
|
|
element normal.normal,
|
|
element alternate.normal {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Selected row lifts on a soft aurora-violet wash. */
|
|
element selected.normal {
|
|
background-color: @accentSoft;
|
|
text-color: @text;
|
|
}
|
|
|
|
element-icon {
|
|
background-color: transparent;
|
|
size: 30px;
|
|
cursor: inherit;
|
|
}
|
|
|
|
element-text {
|
|
background-color: transparent;
|
|
text-color: inherit;
|
|
highlight: bold;
|
|
vertical-align: 0.5;
|
|
}
|
|
|
|
message { padding: 0px; }
|
|
|
|
textbox {
|
|
background-color: @surface;
|
|
text-color: @text;
|
|
border-radius: 10px;
|
|
padding: 10px 14px;
|
|
}
|
|
|
|
scrollbar {
|
|
width: 4px;
|
|
handle-width: 4px;
|
|
handle-color: @accent;
|
|
background-color: @surface;
|
|
border: 0px;
|
|
}
|