Mercurial
annotate hg-web/src/index.css @ 279:b3b547563ec7
Add Google connector service and agent wiki
Implement the C/Seobeo Google Drive and Gmail connector with encrypted OAuth storage, Zenbu authentication, browser testing, AI tool discovery, chunked HTTP decoding, and Bazel coverage. Consolidate repository guidance into progressive wiki documentation and enforce arena-first allocation for new first-party C code.
Co-authored-by: Copilot <[email protected]>
Copilot-Session: 84c338fd-0939-4bb3-b7f3-1062eb213e5d
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Mon, 17 Aug 2026 22:22:36 -0700 |
| parents | 70de0c80d093 |
| children |
| rev | line source |
|---|---|
| 193 | 1 /* =========================================== |
| 2 Component Styles | |
| 3 Import base.css before this file | |
| 4 =========================================== */ | |
| 5 | |
| 6 /* =========================================== | |
| 7 App Layout | |
| 8 =========================================== */ | |
| 9 .app-container { | |
| 10 max-width: 1200px; | |
| 11 margin: 0 auto; | |
| 12 padding: 40px 20px; | |
| 13 } | |
| 14 | |
| 15 /* =========================================== | |
| 16 Header | |
| 17 =========================================== */ | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
18 .header { |
| 193 | 19 display: flex; |
| 20 align-items: center; | |
| 21 margin-bottom: 24px; | |
| 22 gap: 15px; | |
| 23 } | |
| 24 | |
| 25 .header-icon { | |
| 26 width: 32px; | |
| 27 height: 32px; | |
| 28 opacity: 0.8; | |
| 29 cursor: pointer; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
30 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
31 |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
32 .header h1 { |
| 193 | 33 margin: 0; |
| 34 font-size: 24px; | |
| 35 font-weight: 600; | |
| 36 color: var(--text-primary); | |
| 37 } | |
| 38 | |
| 39 .header h1 a { | |
| 40 color: inherit; | |
| 41 text-decoration: none; | |
| 42 } | |
| 43 | |
| 44 .header-subtitle { | |
| 45 color: var(--text-secondary); | |
| 46 margin: 0; | |
| 47 font-size: 14px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
48 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
49 |
| 193 | 50 /* =========================================== |
| 51 Navigation Tabs | |
| 52 =========================================== */ | |
| 53 .nav-tabs { | |
| 54 display: flex; | |
| 55 gap: 8px; | |
| 56 margin-bottom: 24px; | |
| 57 border-bottom: 1px solid var(--border); | |
| 58 padding-bottom: 8px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
59 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
60 |
| 193 | 61 .nav-tab { |
| 62 display: flex; | |
| 63 align-items: center; | |
| 64 gap: 8px; | |
| 65 padding: 8px 16px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
66 border-radius: 6px; |
| 193 | 67 background: transparent; |
| 68 border: 1px solid transparent; | |
| 69 color: var(--text-secondary); | |
| 70 cursor: pointer; | |
| 71 font-size: 14px; | |
| 72 transition: all 0.2s; | |
| 73 } | |
| 74 | |
| 75 .nav-tab:hover { | |
| 76 background: var(--bg-subtle); | |
| 77 color: var(--text-primary); | |
| 78 } | |
| 79 | |
| 80 .nav-tab.active { | |
| 81 background: var(--bg-subtle); | |
| 82 border-color: var(--border); | |
| 83 color: var(--text-primary); | |
| 84 font-weight: 500; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
85 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
86 |
| 193 | 87 .nav-tab svg { |
| 88 color: var(--text-secondary); | |
| 89 } | |
| 90 | |
| 91 /* =========================================== | |
| 92 Landing Page | |
| 93 =========================================== */ | |
| 94 .landing-grid { | |
| 95 display: grid; | |
| 96 grid-template-columns: 1fr 1fr; | |
| 97 gap: 24px; | |
| 98 } | |
| 99 | |
| 100 @media (max-width: 768px) { | |
| 101 .landing-grid { | |
| 102 grid-template-columns: 1fr; | |
| 103 } | |
| 104 } | |
| 105 | |
| 106 .landing-section { | |
| 107 background: var(--bg); | |
| 108 border: 1px solid var(--border); | |
| 109 border-radius: 8px; | |
| 110 overflow: hidden; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
111 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
112 |
| 193 | 113 .landing-section-header { |
| 114 display: flex; | |
| 115 justify-content: space-between; | |
| 116 align-items: center; | |
| 117 padding: 12px 16px; | |
| 118 background: var(--bg-subtle); | |
| 119 border-bottom: 1px solid var(--border); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
120 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
121 |
| 193 | 122 .landing-section-title { |
| 123 display: flex; | |
| 124 align-items: center; | |
| 125 gap: 8px; | |
| 126 font-weight: 600; | |
| 127 font-size: 14px; | |
| 128 color: var(--text-primary); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
129 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
130 |
| 193 | 131 .landing-section-title svg { |
| 132 color: var(--text-secondary); | |
| 133 } | |
| 134 | |
| 135 .landing-section-link { | |
| 136 font-size: 12px; | |
| 137 color: var(--accent); | |
| 138 text-decoration: none; | |
| 139 padding: 4px 8px; | |
| 140 border-radius: 4px; | |
| 141 transition: background 0.2s; | |
| 142 } | |
| 143 | |
| 144 .landing-section-link:hover { | |
| 145 background: var(--bg-subtle); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
146 text-decoration: underline; |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
147 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
148 |
| 193 | 149 .landing-section-content { |
| 150 padding: 0; | |
| 151 } | |
| 152 | |
| 153 /* =========================================== | |
| 154 Directory Items (Landing Preview) | |
| 155 =========================================== */ | |
| 156 .dir-item { | |
| 157 display: flex; | |
| 158 align-items: center; | |
| 159 padding: 10px 16px; | |
| 160 border-bottom: 1px solid var(--border); | |
| 161 font-size: 14px; | |
| 162 cursor: pointer; | |
| 163 transition: background 0.1s; | |
| 164 } | |
| 165 | |
| 166 .dir-item:last-child { | |
| 167 border-bottom: none; | |
| 168 } | |
| 169 | |
| 170 .dir-item:hover { | |
| 171 background: var(--hover); | |
| 172 } | |
| 173 | |
| 174 .dir-item-icon { | |
| 175 margin-right: 12px; | |
| 176 opacity: 0.7; | |
| 177 } | |
| 178 | |
| 179 .dir-item-icon img { | |
| 180 width: 18px; | |
| 181 height: 18px; | |
| 182 } | |
| 183 | |
| 184 .dir-item-name { | |
| 185 color: var(--text-primary); | |
| 186 } | |
| 187 | |
| 188 .dir-item-name:hover { | |
| 189 color: var(--accent); | |
| 190 } | |
| 191 | |
| 192 /* =========================================== | |
| 193 Page Header (Graph Page) | |
| 194 =========================================== */ | |
| 195 .page-header { | |
| 196 display: flex; | |
| 197 align-items: center; | |
| 198 gap: 12px; | |
| 199 margin-bottom: 16px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
200 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
201 |
| 193 | 202 .back-button { |
| 203 display: flex; | |
| 204 align-items: center; | |
| 205 gap: 6px; | |
| 206 padding: 6px 12px; | |
| 207 background: var(--bg-subtle); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
208 border: 1px solid var(--border); |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
209 border-radius: 6px; |
| 193 | 210 color: var(--text-secondary); |
| 211 cursor: pointer; | |
| 212 font-size: 13px; | |
| 213 transition: all 0.2s; | |
| 214 } | |
| 215 | |
| 216 .back-button:hover { | |
| 217 background: var(--hover); | |
| 218 color: var(--text-primary); | |
| 219 } | |
| 220 | |
| 221 .page-title { | |
| 222 font-size: 18px; | |
| 223 font-weight: 600; | |
| 224 color: var(--text-primary); | |
| 225 } | |
| 226 | |
| 227 /* =========================================== | |
| 228 Graph Params | |
| 229 =========================================== */ | |
| 230 .graph-params { | |
| 231 display: flex; | |
| 232 gap: 12px; | |
| 233 margin-bottom: 16px; | |
| 234 font-size: 12px; | |
| 235 color: var(--text-secondary); | |
| 236 } | |
| 237 | |
| 238 .graph-param { | |
| 239 display: flex; | |
| 240 align-items: center; | |
| 241 gap: 6px; | |
| 242 padding: 4px 8px; | |
| 243 background: var(--bg-subtle); | |
| 244 border-radius: 4px; | |
| 245 } | |
| 246 | |
| 247 .graph-param-label { | |
| 248 font-weight: 500; | |
| 249 } | |
| 250 | |
| 251 .graph-param-value { | |
| 252 font-family: monospace; | |
| 253 color: var(--accent); | |
| 254 } | |
| 255 | |
| 256 /* =========================================== | |
| 257 Graph Component | |
| 258 =========================================== */ | |
| 259 .graph-container { | |
| 260 background: var(--bg); | |
| 261 color: var(--text-primary); | |
| 262 font-family: "More Thin", sans-serif; | |
| 263 border-radius: 6px; | |
| 264 border: 1px solid var(--border); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
265 overflow: hidden; |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
266 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
267 |
| 193 | 268 .graph-wrapper { |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
269 display: flex; |
| 193 | 270 align-items: flex-start; |
| 271 max-height: 600px; | |
| 272 overflow-y: auto; | |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
273 position: relative; |
| 193 | 274 } |
| 275 | |
| 276 .graph-canvas-column { | |
| 277 flex-shrink: 0; | |
| 278 position: sticky; | |
| 279 left: 0; | |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
280 z-index: 1; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
281 border-right: 1px solid var(--border); |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
282 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
283 |
| 193 | 284 .graph-details-column { |
| 285 flex-grow: 1; | |
| 286 overflow-x: hidden; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
287 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
288 |
| 193 | 289 .graph-row { |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
290 width: 100%; |
| 193 | 291 height: 40px; |
| 292 display: flex; | |
| 293 flex-direction: column; | |
| 294 justify-content: center; | |
| 295 padding: 0 12px; | |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
296 background: transparent; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
297 color: inherit; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
298 text-align: left; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
299 border: 0; |
| 193 | 300 border-bottom: 1px solid var(--border); |
| 301 font-size: 12px; | |
| 302 cursor: pointer; | |
| 303 transition: background-color 0.1s; | |
| 304 } | |
| 305 | |
| 306 .graph-row:hover { | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
307 background: var(--hover); |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
308 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
309 |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
310 .graph-row:focus-visible { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
311 outline: 2px solid var(--accent); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
312 outline-offset: -2px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
313 background: var(--hover); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
314 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
315 |
| 193 | 316 .graph-row-meta { |
| 317 display: flex; | |
| 318 gap: 10px; | |
| 319 margin-bottom: 2px; | |
| 320 align-items: center; | |
| 321 } | |
| 322 | |
| 323 .graph-hash { | |
| 324 color: var(--accent); | |
| 325 font-family: monospace; | |
| 326 } | |
| 327 | |
| 328 .graph-user { | |
| 329 color: var(--text-secondary); | |
| 330 font-weight: 500; | |
| 331 } | |
| 332 | |
| 333 .graph-branch { | |
| 334 color: var(--text-secondary); | |
| 335 font-size: 10px; | |
| 336 background: var(--bg-subtle); | |
| 337 padding: 1px 6px; | |
| 338 border-radius: 3px; | |
| 339 } | |
| 340 | |
| 341 .graph-desc { | |
| 342 color: var(--text-primary); | |
| 343 white-space: nowrap; | |
| 344 overflow: hidden; | |
| 345 text-overflow: ellipsis; | |
| 346 display: flex; | |
| 347 align-items: center; | |
| 348 gap: 6px; | |
| 349 } | |
| 350 | |
| 351 .graph-badge-tip { | |
| 352 background: var(--success); | |
| 353 color: #fff; | |
| 354 padding: 0 4px; | |
| 355 border-radius: 2px; | |
| 356 font-size: 10px; | |
| 357 font-weight: bold; | |
| 358 flex-shrink: 0; | |
| 359 } | |
| 360 | |
| 361 .graph-badge-tag { | |
| 362 background: var(--accent); | |
| 363 color: #fff; | |
| 364 padding: 0 4px; | |
| 365 border-radius: 2px; | |
| 366 font-size: 10px; | |
| 367 font-weight: bold; | |
| 368 flex-shrink: 0; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
369 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
370 |
| 193 | 371 .graph-loading-row { |
| 372 height: 40px; | |
| 373 display: flex; | |
| 374 align-items: center; | |
| 375 justify-content: center; | |
| 376 color: var(--text-secondary); | |
| 377 font-size: 12px; | |
| 378 } | |
| 379 | |
| 380 /* =========================================== | |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
381 Changeset Detail |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
382 =========================================== */ |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
383 .changeset-paper { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
384 background: var(--bg); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
385 border: 1px solid var(--border); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
386 border-radius: 6px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
387 padding: 24px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
388 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
389 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
390 .changeset-heading, |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
391 .changeset-meta, |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
392 .changeset-parents, |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
393 .changeset-files, |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
394 .changeset-labels { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
395 display: flex; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
396 align-items: center; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
397 flex-wrap: wrap; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
398 gap: 10px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
399 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
400 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
401 .changeset-heading { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
402 justify-content: space-between; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
403 margin-bottom: 12px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
404 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
405 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
406 .changeset-heading code { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
407 overflow-wrap: anywhere; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
408 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
409 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
410 .changeset-paper h2 { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
411 margin-bottom: 8px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
412 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
413 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
414 .changeset-meta { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
415 color: var(--text-secondary); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
416 justify-content: space-between; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
417 margin-bottom: 16px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
418 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
419 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
420 .changeset-branch, |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
421 .changeset-labels span { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
422 background: var(--bg-subtle); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
423 border: 1px solid var(--border); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
424 border-radius: 999px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
425 padding: 2px 8px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
426 font-size: 12px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
427 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
428 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
429 .changeset-labels, |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
430 .changeset-parents, |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
431 .changeset-files { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
432 margin: 12px 0; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
433 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
434 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
435 .changeset-parents button { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
436 border: 0; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
437 background: transparent; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
438 color: var(--accent); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
439 cursor: pointer; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
440 font-family: monospace; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
441 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
442 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
443 .changeset-parents button:hover { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
444 text-decoration: underline; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
445 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
446 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
447 .changeset-parents button:focus-visible { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
448 outline: 2px solid var(--accent); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
449 outline-offset: 2px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
450 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
451 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
452 .changeset-files code { |
|
223
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
453 display: inline-flex; |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
454 align-items: center; |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
455 gap: 6px; |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
456 overflow-wrap: anywhere; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
457 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
458 |
|
223
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
459 .changeset-file-status { |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
460 color: var(--text-secondary); |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
461 font-size: 10px; |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
462 text-transform: uppercase; |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
463 } |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
464 |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
465 .changeset-file-status.status-added { |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
466 color: var(--success); |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
467 } |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
468 |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
469 .changeset-file-status.status-removed { |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
470 color: var(--danger); |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
471 } |
|
0e7b9464248d
[hg-web] Add browser route regression coverage
MrJuneJune <me@mrjunejune.com>
parents:
221
diff
changeset
|
472 |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
473 .changeset-diff { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
474 margin-top: 24px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
475 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
476 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
477 .changeset-diff h3 { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
478 margin-bottom: 10px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
479 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
480 |
|
225
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
481 .side-by-side-diff { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
482 margin-bottom: 18px; |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
483 overflow-x: auto; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
484 border: 1px solid var(--border); |
|
225
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
485 border-radius: 6px; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
486 background: var(--bg-code); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
487 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
488 |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
489 .diff-file-header { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
490 padding: 9px 12px; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
491 border-bottom: 1px solid var(--border); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
492 background: var(--bg-subtle); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
493 font-family: monospace; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
494 font-weight: 600; |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
495 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
496 |
|
225
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
497 .diff-column-headings { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
498 display: grid; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
499 grid-template-columns: minmax(380px, 1fr) minmax(380px, 1fr); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
500 min-width: 760px; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
501 border-bottom: 1px solid var(--border); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
502 color: var(--text-secondary); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
503 font-size: 12px; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
504 font-weight: 600; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
505 text-transform: uppercase; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
506 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
507 |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
508 .diff-column-headings span { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
509 padding: 6px 12px; |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
510 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
511 |
|
225
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
512 .diff-column-headings span + span { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
513 border-left: 1px solid var(--border); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
514 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
515 |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
516 .diff-grid { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
517 display: grid; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
518 grid-template-columns: 52px minmax(328px, 1fr) 52px minmax(328px, 1fr); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
519 min-width: 760px; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
520 font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
521 font-size: 12px; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
522 line-height: 1.5; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
523 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
524 |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
525 .diff-side-number, |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
526 .diff-side-code { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
527 min-height: 22px; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
528 border-bottom: 1px solid color-mix(in srgb, var(--border) 55%, transparent); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
529 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
530 |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
531 .diff-side-number { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
532 padding: 2px 8px; |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
533 color: var(--text-secondary); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
534 text-align: right; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
535 user-select: none; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
536 border-right: 1px solid var(--border); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
537 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
538 |
|
225
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
539 .diff-side-code { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
540 display: block; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
541 margin: 0; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
542 padding: 2px 10px; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
543 border-radius: 0; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
544 background: transparent; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
545 white-space: pre; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
546 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
547 |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
548 .diff-column-divider { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
549 border-left: 1px solid var(--border); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
550 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
551 |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
552 .diff-add { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
553 background: color-mix(in srgb, var(--success) 18%, transparent); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
554 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
555 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
556 .diff-remove { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
557 background: color-mix(in srgb, var(--danger) 18%, transparent); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
558 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
559 |
|
225
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
560 .diff-empty { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
561 background: color-mix(in srgb, var(--bg-subtle) 70%, transparent); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
562 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
563 |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
564 .diff-meta { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
565 color: var(--text-secondary); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
566 background: var(--bg-subtle); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
567 } |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
568 |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
569 .diff-range-row { |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
570 grid-column: 1 / -1; |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
571 padding: 4px 10px; |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
572 color: var(--accent); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
573 background: var(--bg-subtle); |
|
225
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
574 border-bottom: 1px solid var(--border); |
|
70de0c80d093
[hg-web] Add side-by-side changeset diffs
MrJuneJune <me@mrjunejune.com>
parents:
224
diff
changeset
|
575 white-space: pre; |
|
221
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
576 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
577 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
578 /* =========================================== |
| 193 | 579 Common States |
| 580 =========================================== */ | |
| 581 .empty-state { | |
| 582 padding: 40px; | |
| 583 text-align: center; | |
| 584 color: var(--text-secondary); | |
| 585 } | |
| 586 | |
| 587 .loading-state { | |
| 588 padding: 40px; | |
| 589 text-align: center; | |
| 590 color: var(--text-secondary); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
591 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
592 |
| 193 | 593 .error-message { |
| 594 padding: 15px; | |
| 595 border: 1px solid var(--danger-border); | |
| 596 background: var(--danger-bg); | |
| 597 color: var(--danger); | |
| 598 border-radius: 6px; | |
| 599 margin-bottom: 20px; | |
| 600 } | |
| 601 | |
| 602 /* =========================================== | |
| 603 Repository Browser | |
| 604 =========================================== */ | |
| 605 .repo-container { | |
| 606 font-family: "More Thin", sans-serif; | |
| 607 max-width: 980px; | |
| 608 margin: 40px auto; | |
| 609 color: var(--text-primary); | |
| 610 padding: 0 20px; | |
| 611 } | |
| 612 | |
| 613 /* Clone Box */ | |
| 614 .clone-box { | |
| 615 background: var(--bg-subtle); | |
| 616 border: 1px solid var(--border); | |
| 617 border-radius: 6px; | |
| 618 padding: 12px 16px; | |
| 619 margin-bottom: 24px; | |
| 620 display: flex; | |
| 621 justify-content: space-between; | |
| 622 align-items: center; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
623 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
624 |
| 193 | 625 .clone-label { |
| 626 font-weight: 600; | |
| 627 font-size: 13px; | |
| 628 margin-right: 10px; | |
| 629 color: var(--text-primary); | |
| 630 } | |
| 631 | |
| 632 .clone-url { | |
| 633 font-family: "More Thin", sans-serif; | |
| 634 background: var(--bg); | |
| 635 border: 1px solid var(--border); | |
| 636 padding: 4px 8px; | |
| 637 border-radius: 4px; | |
| 638 font-size: 12px; | |
| 639 color: var(--text-secondary); | |
| 640 flex-grow: 1; | |
| 641 } | |
| 642 | |
| 643 /* Breadcrumb */ | |
| 644 .breadcrumb { | |
| 645 display: flex; | |
| 646 align-items: center; | |
| 647 font-size: 14px; | |
| 648 margin-bottom: 16px; | |
| 649 color: var(--text-secondary); | |
| 650 padding: 8px 0; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
651 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
652 |
| 193 | 653 .breadcrumb a { |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
654 color: var(--accent); |
| 193 | 655 text-decoration: none; |
| 656 border-radius: 4px; | |
| 657 padding: 2px 6px; | |
| 658 } | |
| 659 | |
| 660 .breadcrumb a:hover { | |
| 661 background: var(--bg-subtle); | |
| 662 text-decoration: underline; | |
| 663 } | |
| 664 | |
| 665 .breadcrumb .separator { | |
| 666 margin: 0 4px; | |
| 667 color: var(--text-secondary); | |
| 668 opacity: 0.5; | |
| 669 } | |
| 670 | |
| 671 .breadcrumb .nav-item.active { | |
| 672 font-weight: 600; | |
| 673 color: var(--text-primary); | |
| 674 padding: 2px 6px; | |
| 675 } | |
| 676 | |
| 677 /* File List */ | |
| 678 .file-list-container { | |
| 679 border: 1px solid var(--border); | |
| 680 border-radius: 6px; | |
| 681 overflow: hidden; | |
| 682 background: var(--bg); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
683 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
684 |
| 193 | 685 .file-header { |
| 686 background: var(--bg-subtle); | |
| 687 border-bottom: 1px solid var(--border); | |
| 688 padding: 12px 16px; | |
| 689 font-size: 13px; | |
| 690 font-weight: 600; | |
| 691 color: var(--text-secondary); | |
| 692 } | |
| 693 | |
| 694 .file-row { | |
| 695 display: flex; | |
| 696 align-items: center; | |
| 697 padding: 10px 16px; | |
| 698 border-bottom: 1px solid var(--border); | |
| 699 transition: background 0.1s; | |
| 700 } | |
| 701 | |
| 702 .file-row:last-child { | |
| 703 border-bottom: none; | |
| 704 } | |
| 705 | |
| 706 .file-row:hover { | |
| 707 background: var(--hover); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
708 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
709 |
| 193 | 710 .file-row .icon img { |
| 711 width: 20px; | |
| 712 height: 20px; | |
| 713 vertical-align: middle; | |
| 714 margin-right: 12px; | |
| 715 } | |
| 716 | |
| 717 .file-row .name a { | |
| 718 color: var(--text-primary); | |
| 719 text-decoration: none; | |
| 720 font-size: 14px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
721 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
722 |
| 193 | 723 .file-row .name a:hover { |
| 724 color: var(--accent); | |
| 725 text-decoration: underline; | |
| 726 } | |
| 727 | |
| 728 /* Readme */ | |
| 729 .readme-section { | |
| 730 margin-top: 32px; | |
| 731 border: 1px solid var(--border); | |
| 732 border-radius: 6px; | |
| 733 } | |
| 734 | |
| 735 .readme-header { | |
| 736 background: var(--bg-subtle); | |
| 737 padding: 10px 16px; | |
| 738 font-size: 12px; | |
| 739 font-weight: 600; | |
| 740 border-bottom: 1px solid var(--border); | |
| 741 display: flex; | |
| 742 align-items: center; | |
| 743 gap: 8px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
744 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
745 |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
746 .readme-content { |
| 193 | 747 padding: 32px; |
| 748 background: var(--bg); | |
| 749 overflow-x: auto; | |
| 750 color: var(--text-primary); | |
| 751 } | |
| 752 | |
| 753 /* File Viewer Modal */ | |
| 754 .file-viewer-overlay { | |
| 755 position: fixed; | |
| 756 inset: 0; | |
| 757 background: var(--overlay); | |
| 758 display: flex; | |
| 759 justify-content: center; | |
| 760 align-items: center; | |
| 761 z-index: 1000; | |
| 762 padding: 20px; | |
| 763 } | |
| 764 | |
| 765 .file-viewer { | |
| 766 background: var(--bg); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
767 border: 1px solid var(--border); |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
768 border-radius: 6px; |
| 193 | 769 width: 100%; |
| 770 max-width: 900px; | |
| 771 max-height: 90vh; | |
| 772 display: flex; | |
| 773 flex-direction: column; | |
| 774 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); | |
| 775 } | |
| 776 | |
| 777 .file-viewer-header { | |
| 778 display: flex; | |
| 779 align-items: center; | |
| 780 justify-content: space-between; | |
| 781 padding: 12px 16px; | |
| 782 background: var(--bg-subtle); | |
| 783 border-bottom: 1px solid var(--border); | |
| 784 border-radius: 6px 6px 0 0; | |
| 785 } | |
| 786 | |
| 787 .file-viewer-title { | |
| 788 font-weight: 600; | |
| 789 font-size: 14px; | |
| 790 color: var(--text-primary); | |
| 791 display: flex; | |
| 792 align-items: center; | |
| 793 gap: 8px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
794 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
795 |
| 193 | 796 .file-viewer-close { |
| 797 background: transparent; | |
| 798 border: none; | |
| 799 cursor: pointer; | |
| 800 padding: 4px; | |
| 801 border-radius: 4px; | |
| 802 display: flex; | |
| 803 align-items: center; | |
| 804 justify-content: center; | |
| 805 } | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
806 |
| 193 | 807 .file-viewer-close:hover { |
| 808 background: var(--hover); | |
| 809 } | |
| 810 | |
| 811 .file-viewer-close img { | |
| 812 width: 16px; | |
| 813 height: 16px; | |
| 814 opacity: 0.7; | |
| 815 } | |
| 816 | |
|
224
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
817 .file-viewer-actions { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
818 display: flex; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
819 align-items: center; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
820 gap: 12px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
821 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
822 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
823 .file-viewer-actions a { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
824 font-size: 13px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
825 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
826 |
| 193 | 827 .file-viewer-content { |
| 828 overflow: auto; | |
| 829 flex: 1; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
830 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
831 |
|
224
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
832 .static-file-viewer { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
833 max-width: 1100px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
834 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
835 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
836 .static-file-preview { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
837 min-height: 240px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
838 padding: 20px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
839 display: flex; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
840 align-items: center; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
841 justify-content: center; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
842 background: var(--bg-subtle); |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
843 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
844 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
845 .static-file-image, |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
846 .static-file-video { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
847 display: block; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
848 max-width: 100%; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
849 max-height: 75vh; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
850 object-fit: contain; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
851 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
852 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
853 .static-file-audio { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
854 width: min(100%, 640px); |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
855 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
856 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
857 .static-file-pdf { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
858 width: 100%; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
859 height: 75vh; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
860 border: 0; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
861 background: #fff; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
862 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
863 |
| 193 | 864 .file-viewer-content pre { |
| 865 margin: 0; | |
| 866 padding: 16px; | |
| 867 background: var(--bg-code); | |
| 868 font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; | |
| 869 font-size: 13px; | |
| 870 line-height: 1.5; | |
| 871 overflow-x: auto; | |
| 872 } | |
| 873 | |
| 874 .file-viewer-content code { | |
| 875 background: transparent; | |
| 876 padding: 0; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
877 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
878 |
| 193 | 879 .file-viewer-loading { |
| 880 padding: 40px; | |
| 881 text-align: center; | |
| 882 color: var(--text-secondary); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
883 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
884 |
| 193 | 885 .file-viewer-line-numbers { |
| 886 display: inline-block; | |
| 887 user-select: none; | |
| 888 text-align: right; | |
| 889 padding-right: 16px; | |
| 890 margin-right: 16px; | |
| 891 border-right: 1px solid var(--border); | |
| 892 color: var(--text-secondary); | |
| 893 opacity: 0.5; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
894 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
895 |
| 193 | 896 /* Theme Toggle Button */ |
| 897 .theme-toggle { | |
| 898 margin-left: auto; | |
| 899 background: var(--bg-subtle); | |
| 900 border: 1px solid var(--border); | |
| 901 border-radius: 6px; | |
| 902 padding: 8px 12px; | |
| 903 cursor: pointer; | |
| 904 display: flex; | |
| 905 align-items: center; | |
| 906 gap: 6px; | |
| 907 color: var(--text-secondary); | |
| 908 font-size: 13px; | |
| 909 transition: all 0.2s; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
910 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
911 |
| 193 | 912 .theme-toggle:hover { |
| 913 background: var(--hover); | |
| 914 color: var(--text-primary); | |
| 915 } | |
| 916 | |
| 917 .theme-toggle svg { | |
| 918 flex-shrink: 0; | |
| 919 } | |
| 920 | |
| 921 /* Description */ | |
| 922 .description { | |
| 923 color: var(--text-secondary); | |
| 924 margin: 0; | |
| 925 font-size: 14px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
926 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
927 |
| 193 | 928 /* =========================================== |
| 929 Mobile Responsive | |
| 930 =========================================== */ | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
931 @media (max-width: 768px) { |
| 193 | 932 .app-container { |
| 933 padding: 20px 15px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
934 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
935 |
| 193 | 936 .repo-container { |
| 937 padding: 0 15px; | |
| 938 } | |
| 939 | |
| 940 .file-row { | |
| 941 padding: 8px 12px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
942 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
943 |
| 193 | 944 .clone-box { |
| 945 padding: 10px 12px; | |
| 946 flex-direction: column; | |
| 947 align-items: flex-start; | |
| 948 gap: 8px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
949 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
950 } |
| 193 | 951 |
| 952 /* =========================================== | |
| 953 Footer | |
| 954 =========================================== */ | |
| 955 .footer { | |
| 956 margin-top: 48px; | |
| 957 padding-top: 24px; | |
| 958 border-top: 1px solid var(--border); | |
| 959 } | |
| 960 | |
| 961 .footer-content { | |
| 962 display: flex; | |
| 963 align-items: center; | |
| 964 justify-content: center; | |
| 965 gap: 8px; | |
| 966 padding: 16px 0; | |
| 967 color: var(--text-secondary); | |
| 968 font-size: 13px; | |
| 969 } | |
| 970 | |
| 971 .footer-separator { | |
| 972 opacity: 0.5; | |
| 973 } | |
| 974 | |
| 975 .footer-text { | |
| 976 color: var(--text-secondary); | |
| 977 } | |
| 978 | |
| 979 .clone-box-inner { | |
| 980 display: flex; | |
| 981 align-items: center; | |
| 982 width: 100%; | |
| 983 } | |
| 984 | |
| 985 /* Header content wrapper */ | |
| 986 .header-content { | |
| 987 flex: 1; | |
| 988 } | |
| 989 | |
| 990 .header-content h1 { | |
| 991 margin: 0; | |
| 992 font-size: 24px; | |
| 993 font-weight: 600; | |
| 994 color: var(--text-primary); | |
| 995 } | |
| 996 | |
| 997 .header-content h1 a { | |
| 998 color: inherit; | |
| 999 text-decoration: none; | |
| 1000 } | |
| 1001 | |
| 1002 .header-content h1 a:hover { | |
| 1003 text-decoration: none; | |
| 1004 } |