gabriel / musehub public
_issues.scss
450 lines 7.9 KB
Raw
sha256:a34090cc4a394a78bd72cbbe34b08cc59525141e19135b6c0ab154f10611b9ef debug(push/stream): instrument O-frame decode path with INF… Sonnet 4.6 patch 121 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Issues (/*/issues + /*/issues/* + /*/issues/new)
3 // File: src/scss/pages/_issues.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_issues.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Issue list page (.isl-*) ──────────────────────────────────────────────────
10
11 .isl-page {
12 display: flex;
13 flex-direction: column;
14 gap: var(--space-4);
15 }
16
17 .isl-layout {
18 display: grid;
19 grid-template-columns: 1fr 220px;
20 gap: var(--space-4);
21 align-items: start;
22
23 @media (max-width: 900px) { grid-template-columns: 1fr; }
24 }
25
26 .isl-main {
27 min-width: 0;
28 display: flex;
29 flex-direction: column;
30 gap: var(--space-3);
31 }
32
33 .isl-sidebar {
34 display: flex;
35 flex-direction: column;
36 gap: 0;
37 position: sticky;
38 top: var(--space-4);
39
40 @media (max-width: 900px) { display: none; }
41 }
42
43 .isl-list { display: flex; flex-direction: column; }
44
45 .isl-row-body {
46 flex: 1;
47 min-width: 0;
48 display: flex;
49 flex-direction: column;
50 gap: 5px;
51 }
52
53 .isl-row-title-line {
54 display: flex;
55 align-items: baseline;
56 gap: 8px;
57 }
58
59 .isl-row-meta-line {
60 display: flex;
61 align-items: center;
62 gap: 6px;
63 flex-wrap: wrap;
64 }
65
66 .isl-row-intel-line {
67 display: flex;
68 align-items: center;
69 gap: 5px;
70 flex-wrap: wrap;
71 }
72
73 .isl-row-right {
74 display: flex;
75 flex-direction: column;
76 align-items: flex-end;
77 gap: 4px;
78 flex-shrink: 0;
79 }
80
81 .isl-empty {
82 display: flex;
83 flex-direction: column;
84 align-items: center;
85 justify-content: center;
86 padding: var(--space-12) var(--space-6);
87 text-align: center;
88 gap: var(--space-3);
89 }
90
91 .isl-pagination {
92 display: flex;
93 align-items: center;
94 justify-content: center;
95 gap: var(--space-2);
96 padding: var(--space-4) 0;
97 }
98
99 .isl-tpl-grid {
100 display: grid;
101 grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
102 gap: var(--space-3);
103 padding: var(--space-3) var(--space-4);
104 }
105
106 .isl-sb-list {
107 display: flex;
108 flex-direction: column;
109 gap: 0;
110 }
111
112 .isl-sb-labels { display: flex; flex-direction: column; gap: 4px; }
113 .isl-sb-people { display: flex; flex-direction: column; gap: 4px; }
114
115 .isl-sb-intel-list {
116 display: flex;
117 flex-direction: column;
118 gap: 2px;
119 }
120
121 .isl-sb-intel-body {
122 display: flex;
123 flex-direction: column;
124 gap: 2px;
125 flex: 1;
126 min-width: 0;
127 }
128
129 .isl-sb-agent-list {
130 display: flex;
131 flex-direction: column;
132 gap: 4px;
133 }
134
135 .isl-stat-strip {
136 display: flex;
137 align-items: center;
138 justify-content: space-between;
139 gap: var(--space-3);
140 flex-wrap: wrap;
141 }
142
143 .isl-stat-counts {
144 display: flex;
145 align-items: center;
146 gap: 6px;
147 flex-wrap: wrap;
148 }
149
150 .isl-strip-filters {
151 display: flex;
152 align-items: center;
153 gap: var(--space-2);
154 flex-shrink: 0;
155 }
156
157 .isl-tabs {
158 display: flex;
159 align-items: center;
160 }
161
162 .isl-filters {
163 display: flex;
164 align-items: center;
165 gap: var(--space-2);
166 margin-left: auto;
167 flex-wrap: wrap;
168 padding: var(--space-2) 0;
169 }
170
171 // ── Issue detail page (.isd-*) ─────────────────────────────────────────────────
172
173 .isd-page { min-height: 100vh; }
174
175 .isd-hero-inner {
176 position: relative;
177 max-width: 1200px;
178 margin: 0 auto;
179 padding: var(--space-8) var(--space-6) var(--space-5);
180 }
181
182 .isd-eyebrow {
183 display: flex;
184 align-items: center;
185 justify-content: space-between;
186 gap: var(--space-3);
187 flex-wrap: wrap;
188 margin-bottom: var(--space-4);
189 }
190
191 .isd-eyebrow-left {
192 display: flex;
193 align-items: center;
194 gap: var(--space-2);
195 flex-wrap: wrap;
196 }
197
198 .isd-eyebrow-right {
199 display: flex;
200 align-items: center;
201 gap: var(--space-2);
202 flex-shrink: 0;
203 }
204
205 .isd-wrap {
206 max-width: 1200px;
207 margin: 0 auto;
208 padding: var(--space-5) var(--space-6) var(--space-10);
209 }
210
211 .isd-layout {
212 display: grid;
213 grid-template-columns: 1fr 280px;
214 gap: var(--space-6);
215 align-items: start;
216
217 @media (max-width: 900px) { grid-template-columns: 1fr; }
218 }
219
220 .isd-main { min-width: 0; }
221
222 .isd-sidebar {
223 display: flex;
224 flex-direction: column;
225 gap: 0;
226 position: sticky;
227 top: var(--space-4);
228
229 @media (max-width: 900px) { position: static; }
230 }
231
232 .isd-panel-hd {
233 display: flex;
234 align-items: center;
235 gap: var(--space-2);
236 padding: var(--space-3) var(--space-4);
237 }
238
239 .isd-anchor-addr {
240 display: flex;
241 align-items: center;
242 gap: 0;
243 flex: 1;
244 min-width: 0;
245 }
246
247 .isd-anchor-stats {
248 display: flex;
249 align-items: center;
250 gap: var(--space-2);
251 flex-shrink: 0;
252 }
253
254 .isd-body-hd {
255 display: flex;
256 align-items: center;
257 gap: var(--space-2);
258 padding: var(--space-3) var(--space-4);
259 }
260
261 .isd-event-replies {
262 display: flex;
263 flex-direction: column;
264 gap: 0;
265 }
266
267 .isd-event-empty {
268 display: flex;
269 align-items: center;
270 justify-content: center;
271 padding: var(--space-6) var(--space-4);
272 }
273
274 .isd-release-bd {
275 display: flex;
276 flex-direction: column;
277 gap: 4px;
278 padding: var(--space-2) var(--space-3);
279 }
280
281 .isd-rel-commit-top {
282 display: flex;
283 align-items: center;
284 gap: 6px;
285 }
286
287 .isd-rel-landed-in {
288 display: flex;
289 align-items: center;
290 gap: 5px;
291 flex-wrap: wrap;
292 }
293
294 .isd-ic-section {
295 display: flex;
296 flex-direction: column;
297 gap: 7px;
298 padding: 9px 12px;
299 }
300
301 .isd-ic-section-label {
302 display: flex;
303 align-items: center;
304 justify-content: space-between;
305 }
306
307 .isd-ic-blast-hero {
308 display: flex;
309 flex-direction: column;
310 gap: 6px;
311 }
312
313 .isd-ic-blast-nums {
314 display: flex;
315 align-items: baseline;
316 gap: 5px;
317 }
318
319 .isd-ic-grav-wrap {
320 display: flex;
321 align-items: center;
322 gap: 7px;
323 }
324
325 .isd-ic-grav-track {
326 flex: 1;
327 height: 10px;
328 overflow: hidden;
329 }
330
331 .isd-ic-co-syms {
332 display: flex;
333 align-items: center;
334 flex-wrap: wrap;
335 gap: 4px;
336 }
337
338 .isd-ic-churn-line {
339 display: flex;
340 align-items: baseline;
341 flex-wrap: wrap;
342 gap: 4px;
343 }
344
345 .isd-ic-sparkline {
346 display: flex;
347 align-items: flex-end;
348 gap: 2px;
349 height: 36px;
350 }
351
352 .isd-ic-issue-list {
353 display: flex;
354 flex-wrap: wrap;
355 gap: 4px;
356 }
357
358 // ── New issue page (.isn-*) ────────────────────────────────────────────────────
359
360 .isn-page {
361 max-width: 960px;
362 margin: 0 auto;
363 padding: var(--space-4) var(--space-3);
364 }
365
366 .isn-layout {
367 display: grid;
368 grid-template-columns: 1fr 240px;
369 gap: var(--space-4);
370 align-items: start;
371
372 @media (max-width: 720px) { grid-template-columns: 1fr; }
373 }
374
375 .isn-main { min-width: 0; }
376
377 .isn-card-header {
378 display: flex;
379 align-items: center;
380 justify-content: space-between;
381 padding: var(--space-3) var(--space-4);
382 }
383
384 .isn-card-body {
385 padding: var(--space-4);
386 display: flex;
387 flex-direction: column;
388 gap: var(--space-5);
389 }
390
391 .isn-section {
392 display: flex;
393 flex-direction: column;
394 gap: var(--space-3);
395 }
396
397 .isn-section-header {
398 display: flex;
399 align-items: center;
400 gap: var(--space-2);
401 }
402
403 .isn-cli-block {
404 display: flex;
405 flex-direction: column;
406 gap: var(--space-3);
407 }
408
409 .isn-cli-step {
410 display: flex;
411 gap: var(--space-3);
412 align-items: flex-start;
413 }
414
415 .isn-cli-step-body {
416 display: flex;
417 flex-direction: column;
418 gap: 6px;
419 flex: 1;
420 min-width: 0;
421 }
422
423 .isn-anatomy {
424 display: flex;
425 flex-direction: column;
426 }
427
428 .isn-anatomy-row {
429 display: flex;
430 gap: var(--space-3);
431 padding: var(--space-2) var(--space-3);
432 }
433
434 .isn-sidebar {
435 display: flex;
436 flex-direction: column;
437 gap: var(--space-3);
438 }
439
440 .isn-sb-section {
441 display: flex;
442 flex-direction: column;
443 gap: var(--space-2);
444 }
445
446 .isn-sb-links {
447 display: flex;
448 flex-direction: column;
449 gap: 4px;
450 }
File History 1 commit
sha256:a34090cc4a394a78bd72cbbe34b08cc59525141e19135b6c0ab154f10611b9ef debug(push/stream): instrument O-frame decode path with INF… Sonnet 4.6 patch 121 days ago