diff --git a/src/layout/Shell.css b/src/layout/Shell.css index f1e94df..8a72ada 100644 --- a/src/layout/Shell.css +++ b/src/layout/Shell.css @@ -132,6 +132,22 @@ font-weight: 500; } +/* WHICH ONE YOU ARE ON. The node circles used to carry this, but they also sat, + empty, on every inactive row and read as checkboxes. An accent bar that exists + only when active says the same thing and says nothing the rest of the time. */ +.shell__stage.is-active::before, +.shell__today.is-active::before { + content: ''; + position: absolute; + left: 4px; + top: 50%; + width: 3px; + height: 18px; + margin-top: -9px; + border-radius: var(--r-pill); + background: var(--zk-blue); +} + /* Queues where the machine stops and a person decides. */ .shell__stage.is-needed .shell__stagename { font-weight: 500; @@ -208,6 +224,7 @@ /* The way back to the overview. It sits above "Add a lead" because reading the book is the commoner act — most sessions start by looking, not filing. */ .shell__today { + position: relative; display: block; margin: 0 0 8px; padding: 9px 12px;