gabriel / musehub public
_proposal-detail.scss
154 lines 3.4 KB
Raw
sha256:ce8f568638dfcfc85e52fcc1a1679fd997badd739dc817f3104b1a886619991d fix: footer-overlap regression from the two-column scroll fix Sonnet 5 patch 14 days 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 // Bounded-height, independently-scrolling columns — not position: sticky.
35 // See _layout.scss's .layout-two-col/.layout-sidebar comment for why.
36 .prd-layout {
37 display: grid;
38 grid-template-columns: 1fr 240px;
39 gap: var(--space-6);
40 align-items: start;
41 min-height: 0;
42 padding: var(--space-4) var(--space-6) 0;
43 max-width: 1200px;
44 margin: 0 auto;
45 width: 100%;
46
47 @media (max-width: 900px) {
48 grid-template-columns: 1fr;
49 }
50 }
51
52 .prd-main {
53 min-width: 0;
54 min-height: 0;
55 max-height: calc(100dvh - var(--sticky-offset, var(--header-height)) - var(--space-4));
56 padding-bottom: var(--space-10);
57 overflow-y: auto;
58 scrollbar-width: thin;
59 scrollbar-color: var(--border-default) transparent;
60
61 @media (max-width: 900px) { max-height: none; overflow-y: visible; }
62 }
63
64 .proposal-sidebar {
65 display: flex;
66 flex-direction: column;
67 gap: 0;
68 min-height: 0;
69 max-height: calc(100dvh - var(--sticky-offset, var(--header-height)) - var(--space-4));
70 overflow-y: auto;
71 scrollbar-width: thin;
72 scrollbar-color: var(--border-default) transparent;
73 padding-bottom: var(--space-10);
74
75 @media (max-width: 900px) { max-height: none; overflow-y: visible; }
76 }
77
78 .proposal-sym-columns {
79 display: flex;
80 gap: var(--space-4);
81 flex-wrap: wrap;
82 margin-bottom: var(--space-3);
83 }
84
85 .proposal-comment-form-actions {
86 display: flex;
87 justify-content: flex-end;
88 margin-top: var(--space-2);
89 }
90
91 .proposal-strategies {
92 display: flex;
93 flex-direction: column;
94 gap: 6px;
95 margin-bottom: var(--space-4);
96 }
97
98 .proposal-merge-actions {
99 display: flex;
100 align-items: center;
101 gap: var(--space-4);
102 flex-wrap: wrap;
103 }
104
105 .proposal-timeline {
106 display: flex;
107 flex-direction: column;
108 gap: 0;
109 }
110
111 .proposal-div-overview {
112 display: flex;
113 align-items: center;
114 gap: var(--space-4);
115 margin-bottom: var(--space-3);
116 }
117
118 .proposal-risk-band-inner {
119 position: relative;
120 display: flex;
121 align-items: center;
122 gap: 1.5rem;
123 padding: 0.85rem 1.25rem;
124 flex-wrap: wrap;
125 }
126
127 .proposal-risk-score {
128 display: flex;
129 align-items: center;
130 gap: 0.6rem;
131 flex-shrink: 0;
132 }
133
134 .proposal-risk-label-wrap {
135 display: flex;
136 flex-direction: column;
137 gap: 0.1rem;
138 }
139
140 .proposal-risk-dims {
141 display: flex;
142 align-items: center;
143 gap: 0;
144 flex-wrap: wrap;
145 flex: 1;
146 }
147
148 .proposal-risk-dim {
149 display: flex;
150 flex-direction: column;
151 align-items: center;
152 padding: 0 0.9rem;
153 &:first-child { padding-left: 0; }
154 }
File History 1 commit
sha256:ce8f568638dfcfc85e52fcc1a1679fd997badd739dc817f3104b1a886619991d fix: footer-overlap regression from the two-column scroll fix Sonnet 5 patch 14 days ago