Mercurial
annotate hg-web/src/index.css @ 224:3007ef5fc0ed hg-web
[hg-web] Simplify visuals and preview static files
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Sun, 02 Aug 2026 13:51:11 -0700 |
| parents | 0e7b9464248d |
| children | 70de0c80d093 |
| 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 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
481 .changeset-diff pre { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
482 margin: 0 0 16px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
483 padding: 0; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
484 overflow-x: auto; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
485 border: 1px solid var(--border); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
486 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
487 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
488 .changeset-diff pre > span { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
489 display: flex; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
490 min-width: max-content; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
491 padding-right: 12px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
492 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
493 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
494 .diff-line-number { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
495 width: 54px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
496 flex-shrink: 0; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
497 margin-right: 12px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
498 padding-right: 10px; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
499 color: var(--text-secondary); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
500 text-align: right; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
501 user-select: none; |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
502 border-right: 1px solid var(--border); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
503 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
504 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
505 .diff-add { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
506 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
|
507 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
508 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
509 .diff-remove { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
510 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
|
511 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
512 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
513 .diff-range { |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
514 color: var(--accent); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
515 background: var(--bg-subtle); |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
516 } |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
517 |
|
ce7f4400c2de
[hg-web] Harden forge and add changeset UI
MrJuneJune <me@mrjunejune.com>
parents:
193
diff
changeset
|
518 /* =========================================== |
| 193 | 519 Common States |
| 520 =========================================== */ | |
| 521 .empty-state { | |
| 522 padding: 40px; | |
| 523 text-align: center; | |
| 524 color: var(--text-secondary); | |
| 525 } | |
| 526 | |
| 527 .loading-state { | |
| 528 padding: 40px; | |
| 529 text-align: center; | |
| 530 color: var(--text-secondary); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
531 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
532 |
| 193 | 533 .error-message { |
| 534 padding: 15px; | |
| 535 border: 1px solid var(--danger-border); | |
| 536 background: var(--danger-bg); | |
| 537 color: var(--danger); | |
| 538 border-radius: 6px; | |
| 539 margin-bottom: 20px; | |
| 540 } | |
| 541 | |
| 542 /* =========================================== | |
| 543 Repository Browser | |
| 544 =========================================== */ | |
| 545 .repo-container { | |
| 546 font-family: "More Thin", sans-serif; | |
| 547 max-width: 980px; | |
| 548 margin: 40px auto; | |
| 549 color: var(--text-primary); | |
| 550 padding: 0 20px; | |
| 551 } | |
| 552 | |
| 553 /* Clone Box */ | |
| 554 .clone-box { | |
| 555 background: var(--bg-subtle); | |
| 556 border: 1px solid var(--border); | |
| 557 border-radius: 6px; | |
| 558 padding: 12px 16px; | |
| 559 margin-bottom: 24px; | |
| 560 display: flex; | |
| 561 justify-content: space-between; | |
| 562 align-items: center; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
563 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
564 |
| 193 | 565 .clone-label { |
| 566 font-weight: 600; | |
| 567 font-size: 13px; | |
| 568 margin-right: 10px; | |
| 569 color: var(--text-primary); | |
| 570 } | |
| 571 | |
| 572 .clone-url { | |
| 573 font-family: "More Thin", sans-serif; | |
| 574 background: var(--bg); | |
| 575 border: 1px solid var(--border); | |
| 576 padding: 4px 8px; | |
| 577 border-radius: 4px; | |
| 578 font-size: 12px; | |
| 579 color: var(--text-secondary); | |
| 580 flex-grow: 1; | |
| 581 } | |
| 582 | |
| 583 /* Breadcrumb */ | |
| 584 .breadcrumb { | |
| 585 display: flex; | |
| 586 align-items: center; | |
| 587 font-size: 14px; | |
| 588 margin-bottom: 16px; | |
| 589 color: var(--text-secondary); | |
| 590 padding: 8px 0; | |
|
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 .breadcrumb a { |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
594 color: var(--accent); |
| 193 | 595 text-decoration: none; |
| 596 border-radius: 4px; | |
| 597 padding: 2px 6px; | |
| 598 } | |
| 599 | |
| 600 .breadcrumb a:hover { | |
| 601 background: var(--bg-subtle); | |
| 602 text-decoration: underline; | |
| 603 } | |
| 604 | |
| 605 .breadcrumb .separator { | |
| 606 margin: 0 4px; | |
| 607 color: var(--text-secondary); | |
| 608 opacity: 0.5; | |
| 609 } | |
| 610 | |
| 611 .breadcrumb .nav-item.active { | |
| 612 font-weight: 600; | |
| 613 color: var(--text-primary); | |
| 614 padding: 2px 6px; | |
| 615 } | |
| 616 | |
| 617 /* File List */ | |
| 618 .file-list-container { | |
| 619 border: 1px solid var(--border); | |
| 620 border-radius: 6px; | |
| 621 overflow: hidden; | |
| 622 background: var(--bg); | |
|
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 .file-header { |
| 626 background: var(--bg-subtle); | |
| 627 border-bottom: 1px solid var(--border); | |
| 628 padding: 12px 16px; | |
| 629 font-size: 13px; | |
| 630 font-weight: 600; | |
| 631 color: var(--text-secondary); | |
| 632 } | |
| 633 | |
| 634 .file-row { | |
| 635 display: flex; | |
| 636 align-items: center; | |
| 637 padding: 10px 16px; | |
| 638 border-bottom: 1px solid var(--border); | |
| 639 transition: background 0.1s; | |
| 640 } | |
| 641 | |
| 642 .file-row:last-child { | |
| 643 border-bottom: none; | |
| 644 } | |
| 645 | |
| 646 .file-row:hover { | |
| 647 background: var(--hover); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
648 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
649 |
| 193 | 650 .file-row .icon img { |
| 651 width: 20px; | |
| 652 height: 20px; | |
| 653 vertical-align: middle; | |
| 654 margin-right: 12px; | |
| 655 } | |
| 656 | |
| 657 .file-row .name a { | |
| 658 color: var(--text-primary); | |
| 659 text-decoration: none; | |
| 660 font-size: 14px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
661 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
662 |
| 193 | 663 .file-row .name a:hover { |
| 664 color: var(--accent); | |
| 665 text-decoration: underline; | |
| 666 } | |
| 667 | |
| 668 /* Readme */ | |
| 669 .readme-section { | |
| 670 margin-top: 32px; | |
| 671 border: 1px solid var(--border); | |
| 672 border-radius: 6px; | |
| 673 } | |
| 674 | |
| 675 .readme-header { | |
| 676 background: var(--bg-subtle); | |
| 677 padding: 10px 16px; | |
| 678 font-size: 12px; | |
| 679 font-weight: 600; | |
| 680 border-bottom: 1px solid var(--border); | |
| 681 display: flex; | |
| 682 align-items: center; | |
| 683 gap: 8px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
684 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
685 |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
686 .readme-content { |
| 193 | 687 padding: 32px; |
| 688 background: var(--bg); | |
| 689 overflow-x: auto; | |
| 690 color: var(--text-primary); | |
| 691 } | |
| 692 | |
| 693 /* File Viewer Modal */ | |
| 694 .file-viewer-overlay { | |
| 695 position: fixed; | |
| 696 inset: 0; | |
| 697 background: var(--overlay); | |
| 698 display: flex; | |
| 699 justify-content: center; | |
| 700 align-items: center; | |
| 701 z-index: 1000; | |
| 702 padding: 20px; | |
| 703 } | |
| 704 | |
| 705 .file-viewer { | |
| 706 background: var(--bg); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
707 border: 1px solid var(--border); |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
708 border-radius: 6px; |
| 193 | 709 width: 100%; |
| 710 max-width: 900px; | |
| 711 max-height: 90vh; | |
| 712 display: flex; | |
| 713 flex-direction: column; | |
| 714 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); | |
| 715 } | |
| 716 | |
| 717 .file-viewer-header { | |
| 718 display: flex; | |
| 719 align-items: center; | |
| 720 justify-content: space-between; | |
| 721 padding: 12px 16px; | |
| 722 background: var(--bg-subtle); | |
| 723 border-bottom: 1px solid var(--border); | |
| 724 border-radius: 6px 6px 0 0; | |
| 725 } | |
| 726 | |
| 727 .file-viewer-title { | |
| 728 font-weight: 600; | |
| 729 font-size: 14px; | |
| 730 color: var(--text-primary); | |
| 731 display: flex; | |
| 732 align-items: center; | |
| 733 gap: 8px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
734 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
735 |
| 193 | 736 .file-viewer-close { |
| 737 background: transparent; | |
| 738 border: none; | |
| 739 cursor: pointer; | |
| 740 padding: 4px; | |
| 741 border-radius: 4px; | |
| 742 display: flex; | |
| 743 align-items: center; | |
| 744 justify-content: center; | |
| 745 } | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
746 |
| 193 | 747 .file-viewer-close:hover { |
| 748 background: var(--hover); | |
| 749 } | |
| 750 | |
| 751 .file-viewer-close img { | |
| 752 width: 16px; | |
| 753 height: 16px; | |
| 754 opacity: 0.7; | |
| 755 } | |
| 756 | |
|
224
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
757 .file-viewer-actions { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
758 display: flex; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
759 align-items: center; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
760 gap: 12px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
761 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
762 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
763 .file-viewer-actions a { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
764 font-size: 13px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
765 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
766 |
| 193 | 767 .file-viewer-content { |
| 768 overflow: auto; | |
| 769 flex: 1; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
770 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
771 |
|
224
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
772 .static-file-viewer { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
773 max-width: 1100px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
774 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
775 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
776 .static-file-preview { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
777 min-height: 240px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
778 padding: 20px; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
779 display: flex; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
780 align-items: center; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
781 justify-content: center; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
782 background: var(--bg-subtle); |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
783 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
784 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
785 .static-file-image, |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
786 .static-file-video { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
787 display: block; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
788 max-width: 100%; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
789 max-height: 75vh; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
790 object-fit: contain; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
791 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
792 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
793 .static-file-audio { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
794 width: min(100%, 640px); |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
795 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
796 |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
797 .static-file-pdf { |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
798 width: 100%; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
799 height: 75vh; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
800 border: 0; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
801 background: #fff; |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
802 } |
|
3007ef5fc0ed
[hg-web] Simplify visuals and preview static files
MrJuneJune <me@mrjunejune.com>
parents:
223
diff
changeset
|
803 |
| 193 | 804 .file-viewer-content pre { |
| 805 margin: 0; | |
| 806 padding: 16px; | |
| 807 background: var(--bg-code); | |
| 808 font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; | |
| 809 font-size: 13px; | |
| 810 line-height: 1.5; | |
| 811 overflow-x: auto; | |
| 812 } | |
| 813 | |
| 814 .file-viewer-content code { | |
| 815 background: transparent; | |
| 816 padding: 0; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
817 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
818 |
| 193 | 819 .file-viewer-loading { |
| 820 padding: 40px; | |
| 821 text-align: center; | |
| 822 color: var(--text-secondary); | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
823 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
824 |
| 193 | 825 .file-viewer-line-numbers { |
| 826 display: inline-block; | |
| 827 user-select: none; | |
| 828 text-align: right; | |
| 829 padding-right: 16px; | |
| 830 margin-right: 16px; | |
| 831 border-right: 1px solid var(--border); | |
| 832 color: var(--text-secondary); | |
| 833 opacity: 0.5; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
834 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
835 |
| 193 | 836 /* Theme Toggle Button */ |
| 837 .theme-toggle { | |
| 838 margin-left: auto; | |
| 839 background: var(--bg-subtle); | |
| 840 border: 1px solid var(--border); | |
| 841 border-radius: 6px; | |
| 842 padding: 8px 12px; | |
| 843 cursor: pointer; | |
| 844 display: flex; | |
| 845 align-items: center; | |
| 846 gap: 6px; | |
| 847 color: var(--text-secondary); | |
| 848 font-size: 13px; | |
| 849 transition: all 0.2s; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
850 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
851 |
| 193 | 852 .theme-toggle:hover { |
| 853 background: var(--hover); | |
| 854 color: var(--text-primary); | |
| 855 } | |
| 856 | |
| 857 .theme-toggle svg { | |
| 858 flex-shrink: 0; | |
| 859 } | |
| 860 | |
| 861 /* Description */ | |
| 862 .description { | |
| 863 color: var(--text-secondary); | |
| 864 margin: 0; | |
| 865 font-size: 14px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
866 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
867 |
| 193 | 868 /* =========================================== |
| 869 Mobile Responsive | |
| 870 =========================================== */ | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
871 @media (max-width: 768px) { |
| 193 | 872 .app-container { |
| 873 padding: 20px 15px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
874 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
875 |
| 193 | 876 .repo-container { |
| 877 padding: 0 15px; | |
| 878 } | |
| 879 | |
| 880 .file-row { | |
| 881 padding: 8px 12px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
882 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
883 |
| 193 | 884 .clone-box { |
| 885 padding: 10px 12px; | |
| 886 flex-direction: column; | |
| 887 align-items: flex-start; | |
| 888 gap: 8px; | |
|
104
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
889 } |
|
2301aeb7503b
[Hg Web] Super simple mercurial server.
June Park <parkjune1995@gmail.com>
parents:
diff
changeset
|
890 } |
| 193 | 891 |
| 892 /* =========================================== | |
| 893 Footer | |
| 894 =========================================== */ | |
| 895 .footer { | |
| 896 margin-top: 48px; | |
| 897 padding-top: 24px; | |
| 898 border-top: 1px solid var(--border); | |
| 899 } | |
| 900 | |
| 901 .footer-content { | |
| 902 display: flex; | |
| 903 align-items: center; | |
| 904 justify-content: center; | |
| 905 gap: 8px; | |
| 906 padding: 16px 0; | |
| 907 color: var(--text-secondary); | |
| 908 font-size: 13px; | |
| 909 } | |
| 910 | |
| 911 .footer-separator { | |
| 912 opacity: 0.5; | |
| 913 } | |
| 914 | |
| 915 .footer-text { | |
| 916 color: var(--text-secondary); | |
| 917 } | |
| 918 | |
| 919 .clone-box-inner { | |
| 920 display: flex; | |
| 921 align-items: center; | |
| 922 width: 100%; | |
| 923 } | |
| 924 | |
| 925 /* Header content wrapper */ | |
| 926 .header-content { | |
| 927 flex: 1; | |
| 928 } | |
| 929 | |
| 930 .header-content h1 { | |
| 931 margin: 0; | |
| 932 font-size: 24px; | |
| 933 font-weight: 600; | |
| 934 color: var(--text-primary); | |
| 935 } | |
| 936 | |
| 937 .header-content h1 a { | |
| 938 color: inherit; | |
| 939 text-decoration: none; | |
| 940 } | |
| 941 | |
| 942 .header-content h1 a:hover { | |
| 943 text-decoration: none; | |
| 944 } |