gabriel / musehub public
_proposal-detail.scss
150 lines 3.0 KB
Raw
sha256:835ed2eec931dc5f65fc2bd438a80162698a784e0a6f2e3bcf885ea9fa9b3b58 fix: let proposal and issue pages scroll as a page Composer 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 // Normal document scroll. The window scrolls; columns do not.
10 .prd-page {
11 display: flex;
12 flex-direction: column;
13 }
14
15 .prd-hero {
16 flex-shrink: 0;
17 }
18
19 .prd-hero-inner {
20 position: relative;
21 max-width: 1200px;
22 margin: 0 auto;
23 padding: var(--space-8) var(--space-6) var(--space-5);
24 }
25
26 .prd-eyebrow {
27 display: flex;
28 align-items: center;
29 gap: var(--space-3);
30 flex-wrap: wrap;
31 margin-bottom: var(--space-4);
32 }
33
34 .prd-wrap {
35 display: flex;
36 flex-direction: column;
37 }
38
39 // Wide: main 3/4, sidebar 1/4. Narrow: one column. The page scrolls.
40 .prd-layout {
41 display: grid;
42 grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
43 gap: var(--space-6);
44 align-items: start;
45 padding: var(--space-4) var(--space-6) 0;
46 max-width: 1200px;
47 margin: 0 auto;
48 width: 100%;
49
50 @media (max-width: 900px) {
51 grid-template-columns: minmax(0, 1fr);
52 }
53 }
54
55 .prd-main {
56 min-width: 0;
57 padding-bottom: var(--space-10);
58 overflow: visible;
59 }
60
61 .proposal-sidebar {
62 display: flex;
63 flex-direction: column;
64 gap: 0;
65 min-width: 0;
66 overflow: visible;
67 padding-bottom: var(--space-10);
68
69 > * {
70 flex-shrink: 0;
71 }
72 }
73
74 .proposal-sym-columns {
75 display: flex;
76 gap: var(--space-4);
77 flex-wrap: wrap;
78 margin-bottom: var(--space-3);
79 }
80
81 .proposal-comment-form-actions {
82 display: flex;
83 justify-content: flex-end;
84 margin-top: var(--space-2);
85 }
86
87 .proposal-strategies {
88 display: flex;
89 flex-direction: column;
90 gap: 6px;
91 margin-bottom: var(--space-4);
92 }
93
94 .proposal-merge-actions {
95 display: flex;
96 align-items: center;
97 gap: var(--space-4);
98 flex-wrap: wrap;
99 }
100
101 .proposal-timeline {
102 display: flex;
103 flex-direction: column;
104 gap: 0;
105 }
106
107 .proposal-div-overview {
108 display: flex;
109 align-items: center;
110 gap: var(--space-4);
111 margin-bottom: var(--space-3);
112 }
113
114 .proposal-risk-band-inner {
115 position: relative;
116 display: flex;
117 align-items: center;
118 gap: 1.5rem;
119 padding: 0.85rem 1.25rem;
120 flex-wrap: wrap;
121 }
122
123 .proposal-risk-score {
124 display: flex;
125 align-items: center;
126 gap: 0.6rem;
127 flex-shrink: 0;
128 }
129
130 .proposal-risk-label-wrap {
131 display: flex;
132 flex-direction: column;
133 gap: 0.1rem;
134 }
135
136 .proposal-risk-dims {
137 display: flex;
138 align-items: center;
139 gap: 0;
140 flex-wrap: wrap;
141 flex: 1;
142 }
143
144 .proposal-risk-dim {
145 display: flex;
146 flex-direction: column;
147 align-items: center;
148 padding: 0 0.9rem;
149 &:first-child { padding-left: 0; }
150 }
File History 1 commit
sha256:835ed2eec931dc5f65fc2bd438a80162698a784e0a6f2e3bcf885ea9fa9b3b58 fix: let proposal and issue pages scroll as a page Composer minor ⚠ 1 day ago