Skip to content

Commit e5e14c2

Browse files
ericweichunericweichun
committed
Fix project row layout across panels
1 parent 1c9b7ed commit e5e14c2

8 files changed

Lines changed: 22 additions & 62 deletions

File tree

‎assets/panels/aquarium.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -407,7 +407,7 @@
407407
.proj-row {
408408
position: relative;
409409
display: grid;
410-
grid-template-columns: minmax(0, 1fr) auto;
410+
grid-template-columns: 1fr auto auto;
411411
align-items: center;
412412
gap: 8px;
413413
padding: 6px 10px;
@@ -417,7 +417,6 @@
417417
}
418418

419419
.proj-topline {
420-
grid-column: 1 / 3;
421420
display: flex;
422421
align-items: center;
423422
gap: 8px;
@@ -447,7 +446,6 @@
447446
}
448447

449448
.proj-tokens {
450-
grid-column: 1;
451449
align-self: center;
452450
font-size: 13px;
453451
font-weight: 600;
@@ -456,7 +454,6 @@
456454
}
457455

458456
.proj-cost {
459-
grid-column: 2;
460457
font-size: 11px;
461458
color: var(--muted);
462459
white-space: nowrap;

‎assets/panels/black_hole.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -326,7 +326,7 @@
326326
.proj-row {
327327
position: relative;
328328
display: grid;
329-
grid-template-columns: minmax(0, 1fr) auto;
329+
grid-template-columns: 1fr auto auto;
330330
align-items: center;
331331
gap: 8px;
332332
padding: 6px 10px;
@@ -336,7 +336,6 @@
336336
}
337337

338338
.proj-topline {
339-
grid-column: 1 / 3;
340339
display: flex;
341340
align-items: center;
342341
gap: 8px;
@@ -366,7 +365,6 @@
366365
}
367366

368367
.proj-tokens {
369-
grid-column: 1;
370368
align-self: center;
371369
font-size: 13px;
372370
font-weight: 600;
@@ -375,7 +373,6 @@
375373
}
376374

377375
.proj-cost {
378-
grid-column: 2;
379376
font-size: 11px;
380377
color: var(--muted);
381378
white-space: nowrap;

‎assets/panels/classic.html‎

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -238,14 +238,12 @@
238238
}
239239

240240
.proj-row {
241-
display: grid;
242-
grid-template-columns: 16px minmax(0, 1fr) auto;
243-
align-items: center;
244-
column-gap: 8px;
245-
row-gap: 1px;
241+
display: flex;
242+
align-items: baseline;
243+
gap: 8px;
246244
padding: 7px 0;
247245
border-top: 1px solid var(--line);
248-
font-size: 13px;
246+
font-size: 13.5px;
249247
line-height: 18px;
250248
}
251249

@@ -254,31 +252,26 @@
254252
}
255253

256254
.proj-rank {
257-
grid-row: 1 / span 2;
258255
width: 16px;
259256
color: var(--muted);
260257
font-weight: 720;
261258
flex: none;
262259
}
263260

264261
.proj-name {
265-
grid-column: 2 / 4;
266-
min-width: 0;
262+
flex: 1;
267263
overflow: hidden;
268264
text-overflow: ellipsis;
269265
white-space: nowrap;
270266
}
271267

272268
.proj-tokens {
273-
grid-column: 2;
274269
color: var(--accent);
275-
font-size: 12px;
276270
font-weight: 760;
277271
white-space: nowrap;
278272
}
279273

280274
.proj-cost {
281-
grid-column: 3;
282275
color: var(--muted);
283276
font-size: 12px;
284277
white-space: nowrap;

‎assets/panels/cloud_observation.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -410,7 +410,7 @@
410410
.proj-row {
411411
position: relative;
412412
display: grid;
413-
grid-template-columns: minmax(0, 1fr) auto;
413+
grid-template-columns: 1fr auto auto;
414414
align-items: center;
415415
gap: 8px;
416416
padding: 6px 10px;
@@ -432,7 +432,6 @@
432432
}
433433

434434
.proj-topline {
435-
grid-column: 1 / 3;
436435
display: flex;
437436
align-items: center;
438437
gap: 8px;
@@ -463,7 +462,6 @@
463462
}
464463

465464
.proj-tokens {
466-
grid-column: 1;
467465
align-self: center;
468466
font-size: 13px;
469467
font-weight: 600;
@@ -472,7 +470,6 @@
472470
}
473471

474472
.proj-cost {
475-
grid-column: 2;
476473
font-size: 11px;
477474
color: var(--muted);
478475
white-space: nowrap;

‎assets/panels/matrix.html‎

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -241,14 +241,12 @@
241241
}
242242

243243
.proj-row {
244-
display: grid;
245-
grid-template-columns: 16px minmax(0, 1fr) auto;
246-
align-items: center;
247-
column-gap: 8px;
248-
row-gap: 1px;
244+
display: flex;
245+
align-items: baseline;
246+
gap: 8px;
249247
padding: 7px 0;
250248
border-top: 1px solid var(--line);
251-
font-size: 13px;
249+
font-size: 13.5px;
252250
line-height: 18px;
253251
}
254252

@@ -266,31 +264,26 @@
266264
}
267265

268266
.proj-rank {
269-
grid-row: 1 / span 2;
270267
width: 16px;
271268
color: var(--muted);
272269
font-weight: 700;
273270
flex: none;
274271
}
275272

276273
.proj-name {
277-
grid-column: 2 / 4;
278-
min-width: 0;
274+
flex: 1;
279275
overflow: hidden;
280276
text-overflow: ellipsis;
281277
white-space: nowrap;
282278
}
283279

284280
.proj-tokens {
285-
grid-column: 2;
286281
color: var(--accent);
287-
font-size: 12px;
288282
font-weight: 700;
289283
white-space: nowrap;
290284
}
291285

292286
.proj-cost {
293-
grid-column: 3;
294287
color: var(--muted);
295288
font-size: 12px;
296289
white-space: nowrap;

‎assets/panels/newspaper.html‎

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -302,11 +302,9 @@
302302
}
303303

304304
.proj-row {
305-
display: grid;
306-
grid-template-columns: 18px minmax(0, 1fr) auto;
307-
align-items: center;
308-
column-gap: 8px;
309-
row-gap: 1px;
305+
display: flex;
306+
align-items: baseline;
307+
gap: 8px;
310308
padding: 8px 2px;
311309
border-top: 1px solid var(--line);
312310
font-size: 14px;
@@ -318,31 +316,26 @@
318316
}
319317

320318
.proj-rank {
321-
grid-row: 1 / span 2;
322319
width: 18px;
323320
color: var(--muted);
324321
font-weight: 700;
325322
flex: none;
326323
}
327324

328325
.proj-name {
329-
grid-column: 2 / 4;
330-
min-width: 0;
326+
flex: 1;
331327
overflow: hidden;
332328
text-overflow: ellipsis;
333329
white-space: nowrap;
334330
}
335331

336332
.proj-tokens {
337-
grid-column: 2;
338333
color: var(--accent);
339-
font-size: 12px;
340334
font-weight: 700;
341335
white-space: nowrap;
342336
}
343337

344338
.proj-cost {
345-
grid-column: 3;
346339
color: var(--muted);
347340
font-size: 12px;
348341
white-space: nowrap;

‎assets/panels/prism_arcade.html‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -357,7 +357,7 @@
357357
.proj-row {
358358
position: relative;
359359
display: grid;
360-
grid-template-columns: minmax(0, 1fr) auto;
360+
grid-template-columns: 1fr auto auto;
361361
align-items: center;
362362
gap: 8px;
363363
padding: 6px 10px;
@@ -367,7 +367,6 @@
367367
}
368368

369369
.proj-topline {
370-
grid-column: 1 / 3;
371370
display: flex;
372371
align-items: center;
373372
gap: 8px;
@@ -397,7 +396,6 @@
397396
}
398397

399398
.proj-tokens {
400-
grid-column: 1;
401399
align-self: center;
402400
font-size: 13px;
403401
font-weight: 600;
@@ -406,7 +404,6 @@
406404
}
407405

408406
.proj-cost {
409-
grid-column: 2;
410407
font-size: 11px;
411408
color: var(--muted);
412409
white-space: nowrap;

‎assets/panels/win95.html‎

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -264,11 +264,9 @@
264264
}
265265

266266
.proj-row {
267-
display: grid;
268-
grid-template-columns: 18px minmax(0, 1fr) auto;
269-
align-items: center;
270-
column-gap: 8px;
271-
row-gap: 1px;
267+
display: flex;
268+
align-items: baseline;
269+
gap: 8px;
272270
padding: 8px 4px;
273271
border-top: 1px solid var(--line);
274272
font-size: 14px;
@@ -280,31 +278,26 @@
280278
}
281279

282280
.proj-rank {
283-
grid-row: 1 / span 2;
284281
width: 18px;
285282
color: var(--muted);
286283
font-weight: 700;
287284
flex: none;
288285
}
289286

290287
.proj-name {
291-
grid-column: 2 / 4;
292-
min-width: 0;
288+
flex: 1;
293289
overflow: hidden;
294290
text-overflow: ellipsis;
295291
white-space: nowrap;
296292
}
297293

298294
.proj-tokens {
299-
grid-column: 2;
300295
color: var(--accent);
301-
font-size: 12px;
302296
font-weight: 700;
303297
white-space: nowrap;
304298
}
305299

306300
.proj-cost {
307-
grid-column: 3;
308301
color: var(--muted);
309302
font-size: 12px;
310303
white-space: nowrap;

0 commit comments

Comments
 (0)