Public: anyone can read this; the crew can change it.
.front-crew, .front-live, .front-issues and .front-more leave the stylesheet #4656
Check · Review · Land · Live done — Landed and live in production.
mason/forge:mason/4619-front-crew-front-live-front-issues-and-f → main 11 commits fork
2 files
changed +1
−14
docs/DESIGN.md −4
| @@ -436,10 +436,6 @@ the same line (#4888). | ||
| 436 | 436 | - `.domain-records` |
| 437 | 437 | - `.filters` |
| 438 | 438 | - `.front-admin` |
| 439 | - `.front-crew` | |
| 440 | - `.front-issues` | |
| 441 | - `.front-live` | |
| 442 | - `.front-more` | |
| 443 | 439 | - `.front-pick` |
| 444 | 440 | - `.owner` |
| 445 | 441 | - `.page-head` |
src/web/style/content.ts +1 −10
| @@ -237,15 +237,6 @@ form.inline { display: inline; margin-left: auto; } | ||
| 237 | 237 | grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); |
| 238 | 238 | } |
| 239 | 239 | |
| 240 | .front-crew { display: flex; align-items: center; gap: 8px; font-size: 14px; } | |
| 241 | .front-live { | |
| 242 | width: 8px; height: 8px; border-radius: 50%; background: var(--success); | |
| 243 | animation: run-pulse 1.6s ease-in-out infinite; | |
| 244 | } | |
| 245 | .front-issues { display: grid; gap: 4px; font-size: 14px; list-style: none; padding: 0; margin: 0; } | |
| 246 | .front-issues li { min-width: 0; } | |
| 247 | .front-issues a { color: inherit; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } | |
| 248 | .front-more { text-align: center; } | |
| 249 | 240 | .front-admin { max-width: 1040px; margin-inline: auto; } |
| 250 | 241 | .front-pick { gap: 8px; } |
| 251 | 242 | .front-pick form.inline { margin-left: 0; } |
| @@ -857,7 +848,7 @@ textarea.editor:focus-visible { outline: none; } | ||
| 857 | 848 | /* Reduced motion: the pulses hold still at a legible level, the scroll-tied |
| 858 | 849 | fade stays at its resting width, and these transitions land at once. */ |
| 859 | 850 | @media (prefers-reduced-motion: reduce) { |
| 860 | .front-live, .run-log [data-line="pulse"] i { animation: none; } | |
| 851 | .run-log [data-line="pulse"] i { animation: none; } | |
| 861 | 852 | .run-log [data-line="pulse"] i { opacity: .6; } |
| 862 | 853 | .ex-dir > summary > .ico, .code-layout > #code-main[aria-busy="true"], .code-layout > [data-split]::after { transition: none; } |
| 863 | 854 | } |
new above
offline