issue-map 0.3.1 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -424,6 +424,7 @@
424
424
  }
425
425
 
426
426
  .map-wrap {
427
+ position: relative;
427
428
  background: var(--card);
428
429
  border: 1px solid var(--line);
429
430
  border-top: 2px solid var(--track, var(--line-strong));
@@ -537,17 +538,42 @@
537
538
  }
538
539
 
539
540
  /* 線名 */
540
- .tname {
541
+ /* 線名。畫在 SVG 外面的一欄,這樣長的名字用 text-overflow 就截得掉——SVG 的 <text> 不會
542
+ 換行也不會自己截斷,長一點就會蓋到第一個站點上。寬度比 MAP.gutter 少一點,留白給站點。 */
543
+ .tlabel {
544
+ position: absolute;
545
+ left: 12px;
546
+ width: 84px;
547
+ transform: translateY(-12px);
541
548
  font-family: var(--mono);
549
+ pointer-events: none;
550
+ }
551
+ .tlabel b,
552
+ .tlabel span {
553
+ display: block;
554
+ overflow: hidden;
555
+ white-space: nowrap;
556
+ text-overflow: ellipsis;
557
+ }
558
+ .tlabel b {
542
559
  font-size: 12px;
543
560
  font-weight: 600;
544
- fill: var(--muted);
561
+ color: var(--muted);
545
562
  font-variant-numeric: tabular-nums;
546
563
  }
547
- .tsub {
548
- font-family: var(--mono);
564
+ .tlabel span {
549
565
  font-size: 10px;
550
- fill: var(--faint);
566
+ color: var(--faint);
567
+ }
568
+
569
+ /* 沒有畫圖的那幾組。 */
570
+ .undrawn {
571
+ margin: 0;
572
+ padding: 14px 12px;
573
+ color: var(--faint);
574
+ font-size: 13px;
575
+ border: 1px dashed var(--line);
576
+ border-radius: 2px;
551
577
  }
552
578
 
553
579
  .map-key {
@@ -688,8 +714,9 @@
688
714
  .row[data-haskids='true'] {
689
715
  background: var(--paper);
690
716
  }
717
+ /* 縮排跟著 parent 樹的層數走,級距只有這一份。 */
691
718
  .row[data-parent] {
692
- margin-left: 28px;
719
+ margin-left: calc(var(--depth, 1) * 28px);
693
720
  }
694
721
 
695
722
  .row .id {