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>
126 lines
2.6 KiB
Plaintext
126 lines
2.6 KiB
Plaintext
/**
|
|
* Executive Slate — rofi whole-swap (themes/<slug>/rofi.rasi).
|
|
* Identity: a flat, sharp-cornered "control panel". No zebra, no glow —
|
|
* a solid slate window, a recessed surface inputbar, and one accent edge
|
|
* marking the selected row. The `configuration {}` block is omitted on
|
|
* purpose — modi/terminal/show-icons come from modules/home/rofi.nix.
|
|
* Element structure mirrors the generated theme so the theme-grid
|
|
* picker's per-invocation -theme-str (vertical cards) still lays out.
|
|
*/
|
|
|
|
* {
|
|
base: #191C24;
|
|
surface: #2A3040;
|
|
overlay: #3E4759;
|
|
text: #D7DDEA;
|
|
subtext: #9AA5BB;
|
|
muted: #5C6578;
|
|
accent: #5A8AE6;
|
|
accentAlt: #86A9F2;
|
|
|
|
font: "Inter 13";
|
|
background-color: transparent;
|
|
text-color: @text;
|
|
}
|
|
|
|
window {
|
|
background-color: @base;
|
|
border: 1px;
|
|
border-color: @overlay;
|
|
border-radius: 4px;
|
|
width: calc( 84ch min 65% );
|
|
location: center;
|
|
anchor: center;
|
|
padding: 12px;
|
|
}
|
|
|
|
mainbox {
|
|
background-color: transparent;
|
|
children: [ inputbar, message, listview ];
|
|
spacing: 10px;
|
|
}
|
|
|
|
inputbar {
|
|
children: [ prompt, entry ];
|
|
background-color: @surface;
|
|
text-color: @text;
|
|
border: 1px;
|
|
border-color: @overlay;
|
|
border-radius: 4px;
|
|
padding: 10px 14px;
|
|
spacing: 10px;
|
|
}
|
|
|
|
prompt { text-color: @accent; }
|
|
|
|
entry {
|
|
text-color: @text;
|
|
cursor: text;
|
|
placeholder: "Type to filter…";
|
|
placeholder-color: @muted;
|
|
}
|
|
|
|
listview {
|
|
background-color: transparent;
|
|
columns: 1;
|
|
lines: 8;
|
|
dynamic: true;
|
|
scrollbar: true;
|
|
spacing: 4px;
|
|
padding: 4px 0px 0px 0px;
|
|
}
|
|
|
|
element {
|
|
background-color: transparent;
|
|
text-color: @text;
|
|
orientation: horizontal;
|
|
border-radius: 4px;
|
|
padding: 9px 14px;
|
|
spacing: 12px;
|
|
}
|
|
|
|
element normal.normal,
|
|
element alternate.normal {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* The one highlight: a solid surface row with an accent edge. */
|
|
element selected.normal {
|
|
background-color: @surface;
|
|
text-color: @text;
|
|
border: 0px 0px 0px 3px;
|
|
border-color: @accent;
|
|
}
|
|
|
|
element-icon {
|
|
background-color: transparent;
|
|
size: 36px;
|
|
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: 1px;
|
|
border-color: @overlay;
|
|
border-radius: 4px;
|
|
padding: 9px 14px;
|
|
}
|
|
|
|
scrollbar {
|
|
width: 4px;
|
|
handle-width: 4px;
|
|
handle-color: @accent;
|
|
background-color: @surface;
|
|
border: 0px;
|
|
}
|