gabriel / musehub public
_proposal-detail.scss
143 lines 3.0 KB
Raw
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ breaking 1 day ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Proposal detail (/*/proposals/*)
3 // File: src/scss/pages/_proposal-detail.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_proposal-detail.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 .prd-page {
10 display: flex;
11 flex-direction: column;
12 }
13
14 .prd-hero-inner {
15 position: relative;
16 max-width: 1200px;
17 margin: 0 auto;
18 padding: var(--space-8) var(--space-6) var(--space-5);
19 }
20
21 .prd-eyebrow {
22 display: flex;
23 align-items: center;
24 gap: var(--space-3);
25 flex-wrap: wrap;
26 margin-bottom: var(--space-4);
27 }
28
29 .prd-wrap {
30 display: flex;
31 flex-direction: column;
32 }
33
34 .prd-layout {
35 display: grid;
36 grid-template-columns: 1fr 240px;
37 gap: var(--space-6);
38 align-items: start;
39 padding: var(--space-4) var(--space-6) 0;
40 max-width: 1200px;
41 margin: 0 auto;
42 width: 100%;
43
44 @media (max-width: 900px) { grid-template-columns: 1fr; }
45 }
46
47 .prd-main {
48 min-width: 0;
49 padding-bottom: var(--space-10);
50 }
51
52 .proposal-sidebar {
53 display: flex;
54 flex-direction: column;
55 gap: 0;
56 position: sticky;
57 top: var(--sticky-offset, 80px);
58 max-height: calc(100vh - var(--sticky-offset, 80px));
59 overflow-y: auto;
60 scrollbar-width: thin;
61 scrollbar-color: var(--border-default) transparent;
62 padding-bottom: var(--space-10);
63
64 @media (max-width: 900px) { position: static; max-height: none; overflow-y: visible; }
65 }
66
67 .proposal-sym-columns {
68 display: flex;
69 gap: var(--space-4);
70 flex-wrap: wrap;
71 margin-bottom: var(--space-3);
72 }
73
74 .proposal-comment-form-actions {
75 display: flex;
76 justify-content: flex-end;
77 margin-top: var(--space-2);
78 }
79
80 .proposal-strategies {
81 display: flex;
82 flex-direction: column;
83 gap: 6px;
84 margin-bottom: var(--space-4);
85 }
86
87 .proposal-merge-actions {
88 display: flex;
89 align-items: center;
90 gap: var(--space-4);
91 flex-wrap: wrap;
92 }
93
94 .proposal-timeline {
95 display: flex;
96 flex-direction: column;
97 gap: 0;
98 }
99
100 .proposal-div-overview {
101 display: flex;
102 align-items: center;
103 gap: var(--space-4);
104 margin-bottom: var(--space-3);
105 }
106
107 .proposal-risk-band-inner {
108 position: relative;
109 display: flex;
110 align-items: center;
111 gap: 1.5rem;
112 padding: 0.85rem 1.25rem;
113 flex-wrap: wrap;
114 }
115
116 .proposal-risk-score {
117 display: flex;
118 align-items: center;
119 gap: 0.6rem;
120 flex-shrink: 0;
121 }
122
123 .proposal-risk-label-wrap {
124 display: flex;
125 flex-direction: column;
126 gap: 0.1rem;
127 }
128
129 .proposal-risk-dims {
130 display: flex;
131 align-items: center;
132 gap: 0;
133 flex-wrap: wrap;
134 flex: 1;
135 }
136
137 .proposal-risk-dim {
138 display: flex;
139 flex-direction: column;
140 align-items: center;
141 padding: 0 0.9rem;
142 &:first-child { padding-left: 0; }
143 }
File History 1 commit
sha256:3ff9c9863a9891bdcde71b4a43228f66d0493e38b7cc1d09fe9eb7de774046b2 feat: add repair-commit wire endpoint (API parity with repa… Opus 4.8 minor ⚠ 1 day ago