@hanology/cham-browser 0.4.34 → 0.4.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanology/cham-browser",
-  "version": "0.4.34",
+  "version": "0.4.36",
   "description": "CHAM — browser-compatible parser, serializer, and site generator for Classical Han Annotated Markdown",
   "type": "module",
   "main": "dist/index.js",

package/template/src/components/AnnotationTooltip.vue

@@ -443,9 +443,7 @@ onBeforeUnmount(() => {
 
 /* ─── Vertical mode ─── */
 .ann-card.vertical {
-  writing-mode: vertical-rl;
-  text-orientation: mixed;
-  flex-direction: column;
+  flex-direction: row-reverse;
   overflow: hidden;
 }
 
@@ -454,7 +452,7 @@ onBeforeUnmount(() => {
   text-orientation: upright;
   padding: 6px 10px;
   border-bottom: none;
-  border-left: 1px solid var(--border-light);
+  border-right: 1px solid var(--border-light);
   flex-direction: row;
   align-items: center;
   flex-shrink: 0;
@@ -468,12 +466,11 @@ onBeforeUnmount(() => {
 
 .ann-card.vertical .ann-card-scroll {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   padding: 8px 0;
-  overflow-x: auto;
   overflow-y: hidden;
+  overflow-x: auto;
   flex: 1;
-  min-height: 0;
 }
 
 .ann-card.vertical .ann-entry {
@@ -481,6 +478,8 @@ onBeforeUnmount(() => {
   border-bottom: none;
   padding: 0 10px;
   border-right: 1px solid var(--border-light);
+  writing-mode: vertical-rl;
+  text-orientation: mixed;
 }
 
 .ann-card.vertical .ann-entry:first-child {
@@ -490,7 +489,7 @@ onBeforeUnmount(() => {
 .ann-card.vertical .ann-card-close {
   writing-mode: horizontal-tb;
   top: 4px;
-  right: 4px;
+  left: 4px;
 }
 
 .ann-card.vertical .ann-pron-h {
@@ -506,6 +505,16 @@ onBeforeUnmount(() => {
   line-height: 2;
 }
 
+.ann-card.vertical .ann-entry-header {
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+}
+
+.ann-card.vertical .ann-entry:last-child {
+  border-right: none;
+}
+
 .ann-sheet-body {
   flex: 1;
   display: flex;