@hanology/cham-browser 0.4.33 → 0.4.35

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/template/src/components/AnnotationTooltip.vue +20 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanology/cham-browser",
3
- "version": "0.4.33",
3
+ "version": "0.4.35",
4
4
  "description": "CHAM — browser-compatible parser, serializer, and site generator for Classical Han Annotated Markdown",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
package/template/src/components/AnnotationTooltip.vue CHANGED
@@ -443,11 +443,8 @@ onBeforeUnmount(() => {
443
443
 
444
444
  /* ─── Vertical mode ─── */
445
445
  .ann-card.vertical {
446
- writing-mode: vertical-rl;
447
- text-orientation: mixed;
448
- flex-direction: column;
449
- overflow-y: hidden;
450
- overflow-x: hidden;
446
+ flex-direction: row;
447
+ overflow: hidden;
451
448
  }
452
449
 
453
450
  .ann-card.vertical .ann-card-head {
@@ -455,9 +452,10 @@ onBeforeUnmount(() => {
455
452
  text-orientation: upright;
456
453
  padding: 6px 10px;
457
454
  border-bottom: none;
458
- border-left: 1px solid var(--border-light);
455
+ border-right: 1px solid var(--border-light);
459
456
  flex-direction: row;
460
457
  align-items: center;
458
+ flex-shrink: 0;
461
459
  }
462
460
  .ann-card.vertical .ann-headword {
463
461
  letter-spacing: 6px;
@@ -468,10 +466,11 @@ onBeforeUnmount(() => {
468
466
 
469
467
  .ann-card.vertical .ann-card-scroll {
470
468
  display: flex;
471
- flex-direction: column;
469
+ flex-direction: row;
472
470
  padding: 8px 0;
473
- overflow-x: auto;
474
471
  overflow-y: hidden;
472
+ overflow-x: auto;
473
+ flex: 1;
475
474
  }
476
475
 
477
476
  .ann-card.vertical .ann-entry {
@@ -479,8 +478,8 @@ onBeforeUnmount(() => {
479
478
  border-bottom: none;
480
479
  padding: 0 10px;
481
480
  border-right: 1px solid var(--border-light);
482
- max-height: inherit;
483
- overflow-y: hidden;
481
+ writing-mode: vertical-rl;
482
+ text-orientation: mixed;
484
483
  }
485
484
 
486
485
  .ann-card.vertical .ann-entry:first-child {
@@ -490,7 +489,7 @@ onBeforeUnmount(() => {
490
489
  .ann-card.vertical .ann-card-close {
491
490
  writing-mode: horizontal-tb;
492
491
  top: 4px;
493
- right: 4px;
492
+ left: 4px;
494
493
  }
495
494
 
496
495
  .ann-card.vertical .ann-pron-h {
@@ -506,6 +505,16 @@ onBeforeUnmount(() => {
506
505
  line-height: 2;
507
506
  }
508
507
 
508
+ .ann-card.vertical .ann-entry-header {
509
+ flex-direction: column;
510
+ align-items: flex-start;
511
+ gap: 4px;
512
+ }
513
+
514
+ .ann-card.vertical .ann-entry:last-child {
515
+ border-right: none;
516
+ }
517
+
509
518
  .ann-sheet-body {
510
519
  flex: 1;
511
520
  display: flex;