gabriel / musehub public
_timeline.scss
135 lines 3.7 KB
Raw
sha256:34035d72cef530c1ab9d6a6f53be18d803dde705fc3157617d70352a96d0747b Merge branch 'fix/wire-push-external-parent-manifest' into dev Human 9 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Component: Timeline
3 // File: src/scss/components/_timeline.scss
4 //
5 // Variants: .commit-row .proposal-row .issue-row .session-row
6 // .commit-sha .commit-msg .commit-meta
7 // .session-live .session-live-pulse .session-row-active
8 // Tokens: --border-subtle, --color-accent, --color-success, --text-*
9 // Usage: <div class="commit-row">…</div>
10 //
11 // Notes: .session-live-pulse uses @keyframes for the active session dot.
12 // ─────────────────────────────────────────────────────────────────────────────
13
14 .commit-list { display: flex; flex-direction: column; }
15
16 .commit-row,
17 .proposal-row,
18 .issue-row,
19 .session-row {
20 display: flex;
21 align-items: flex-start;
22 gap: var(--space-3);
23 padding: var(--space-3) 0;
24 border-bottom: 1px solid var(--border-subtle);
25
26 &:last-child { border-bottom: none; }
27 }
28
29 .commit-row {
30 display: grid;
31 grid-template-columns: 80px 1fr auto;
32 align-items: center;
33 }
34
35 .commit-sha {
36 font-family: var(--font-mono);
37 font-size: var(--text-sm);
38 color: var(--color-accent);
39 white-space: nowrap;
40 }
41
42 .commit-msg {
43 font-size: var(--text-sm);
44 color: var(--text-secondary);
45 overflow: hidden;
46 text-overflow: ellipsis;
47 white-space: nowrap;
48 display: flex;
49 align-items: center;
50 gap: var(--space-2);
51
52 a { color: var(--text-primary); }
53 a:hover { color: var(--color-accent); text-decoration: none; }
54 }
55
56 .commit-meta {
57 font-size: var(--text-xs);
58 color: var(--text-muted);
59 white-space: nowrap;
60 flex-shrink: 0;
61 display: flex;
62 align-items: center;
63 gap: var(--space-1);
64 }
65
66 // Live session indicator dot
67 .session-live {
68 display: inline-block;
69 width: 8px;
70 height: 8px;
71 border-radius: var(--radius-full);
72 background: var(--color-success);
73 box-shadow: 0 0 6px var(--color-success);
74 margin-right: var(--space-1);
75 vertical-align: middle;
76 flex-shrink: 0;
77 }
78
79 @keyframes session-pulse {
80 0%, 100% { opacity: 1; box-shadow: 0 0 6px var(--color-success); }
81 50% { opacity: 0.55; box-shadow: 0 0 12px var(--color-success); }
82 }
83
84 .session-live-pulse { animation: session-pulse 1.6s ease-in-out infinite; }
85
86 .session-row-active {
87 background: color-mix(in srgb, var(--color-success) 4%, transparent);
88 border-radius: var(--radius-sm);
89 padding-left: var(--space-2);
90 padding-right: var(--space-2);
91 }
92
93 .session-row-header {
94 display: flex;
95 align-items: center;
96 flex-wrap: wrap;
97 gap: var(--space-2);
98 font-size: 14px;
99 color: var(--text-primary);
100 margin-bottom: 4px;
101 }
102
103 .session-row-intent { font-size: 13px; color: var(--text-muted); margin-top: 2px; }
104 .session-no-participants { color: var(--text-muted); font-size: 13px; }
105
106 .session-commit-pill {
107 display: inline-flex;
108 align-items: center;
109 gap: 3px;
110 padding: 1px var(--space-2);
111 border-radius: var(--radius-full);
112 font-size: var(--text-xs);
113 font-weight: var(--weight-semibold);
114 background: var(--bg-overlay);
115 color: var(--text-secondary);
116 white-space: nowrap;
117 }
118
119 .session-location-tag { font-size: var(--text-xs); color: var(--text-muted); white-space: nowrap; }
120
121 // Branch pill
122 .branch-pill {
123 display: inline-block;
124 padding: 1px 7px;
125 border-radius: 10px;
126 font-size: 11px;
127 font-family: var(--font-mono);
128 background: var(--bg-surface);
129 border: 1px solid var(--border-default);
130 color: var(--text-primary);
131 white-space: nowrap;
132 overflow: hidden;
133 max-width: 200px;
134 text-overflow: ellipsis;
135 }
File History 14 commits
sha256:34035d72cef530c1ab9d6a6f53be18d803dde705fc3157617d70352a96d0747b Merge branch 'fix/wire-push-external-parent-manifest' into dev Human 9 days ago
sha256:fc04e4cae9e1774d6a21b65c45daeed0e6787eb581d13aa1b03bfe9384a34226 Merge branch 'fix/two-column-scroll-layout' into dev Human 9 days ago
sha256:408916fc5973ba59c6e4eebaa80ebdcc801c0a63205651e25009d11548f79454 chore: bump version to 0.2.0.dev2 — nightly.2, matching muse Sonnet 4.6 patch 12 days ago
sha256:d035733f21ccff27735fddebfbbe0ed24565a32a22db8de5885402262671ecd2 chore: bump version to 0.2.0rc15 for musehub#113 fix release Sonnet 4.6 patch 15 days ago
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 17 days ago
sha256:4669620efda9ff41c55bdefd1f7bfe1c239d468428744c84ead9957e5a003a53 merge: rescue snapshot-recovery hardening (c00aa21d) into d… Opus 4.8 minor ⚠ 30 days ago
sha256:a59da49c4611b970fc4b6ae48678ce4943261c213a07ddbd73ce9201df869b4a fix: remove false-positive proposal_comments index drop fro… Sonnet 4.6 patch 34 days ago
sha256:0a240d6dbff234f07d98a28a4a9a68db702f3f9ff9260196f24219bdb1c0b6f3 feat: render markdown mists as HTML with heading anchor links Sonnet 4.6 patch 34 days ago
sha256:24a7d47486ebc4ebd1832830580e177ec6f877b48dced8c000e198cdec4ce9d6 Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 35 days ago
sha256:b9ff931d147e0114a1f17060f415b89ed551c170a91ff226c70437aa5c85f9ee Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 35 days ago
sha256:d1122d21e73471879b460037b22c0b50fded7c423444a176f248428f75dac39c Merge 'task/fix-issue-pagination-cursor' into 'dev' — propo… Human 35 days ago
sha256:01e18975e73d2b3cd5b6db7929c895bef9aa6e0d4391dc5b2adfc548b41318dd Merge 'feat/adding-debug-logs-to-staging' into 'dev' — prop… Human 36 days ago
sha256:6b1949fc2797ca4c1936a637a4cbfec828ef56cf52398a2e74ca3c4f494e728f fix: use wire_bytes not mpack_bytes_raw in compute_object_b… Sonnet 4.6 patch 48 days ago
sha256:b99f2455dc346966d040133f5203297e6e3ef5803a93728a2c30568d0a0f7583 rename: delta_add → delta_upsert across wire format, models… Sonnet 4.6 patch 50 days ago