homelab/stack
1
0
Fork 0
Code Issues 133 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

style(marimo): quiet Stop control and no redundant link glyph on the home page

Browse Source 
The running-notebook shutdown control was a 24px red-bordered box
around a power glyph; it is now a muted "Stop" text button that turns
destructive only on hover/focus. The external-link glyph that faded in
over every home-page row (28 of them) is hidden: the row is already
the link, and the glyph sat on top of the dates and the Stop control.
This commit is contained in:
kert
2026-10-27 13:46:20 -04:00
parent 3b6144609e
commit c5865567e6
1 changed files with 38 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
assets/css/marimo.css
View File

@@ -667,6 +667,44 @@ input#search {
padding-left: 28px !important;
}
/* Home page controls. The shutdown control on running notebooks was a
24px red-bordered box around a power glyph; it is now a quiet "Stop"
text button that only turns destructive on hover. The external-link
glyph that faded in over every row is gone — the row itself is the
link, and the glyph sat on top of the dates and the Stop control. */
#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power) {
width: auto !important;
height: auto !important;
padding: 2px 8px !important;
opacity: 1 !important;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: var(--radius) !important;
box-shadow: none !important;
color: var(--muted-foreground) !important;
font-family: var(--monospace-font) !important;
font-size: 0.72rem !important;
letter-spacing: 0.02em !important;
}
#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power) > svg {
display: none !important;
}
#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power)::after {
content: "Stop";
}
#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power):hover,
#root > .contents > .max-w-6xl.container button:has(> .tabler-icon-power):focus-visible {
color: var(--destructive) !important;
border-color: color-mix(in srgb, var(--destructive) 45%, var(--border)) !important;
}
#root > .contents > .max-w-6xl.container .tabler-icon-external-link {
display: none !important;
}
/* Home page: flat cards. marimo mixes a 4px solid offset shadow (the
"Create a new notebook" card) with soft 2px ones (running / recent /
workspace lists, the search box); on this flat palette they read as