@hanology/cham-browser 0.4.36 → 0.4.38

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 +8 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanology/cham-browser",
3
- "version": "0.4.36",
3
+ "version": "0.4.38",
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
@@ -134,11 +134,11 @@ onBeforeUnmount(() => {
134
134
  <div v-for="ann in annotations" :key="ann.id" class="ann-entry">
135
135
  <div class="ann-entry-header">
136
136
  <span class="ann-kind" :class="ann.kind">{{ kindLabel(ann) }}</span>
137
- <span v-if="layerLabel(ann)" class="ann-layer">{{ layerLabel(ann) }}</span>
138
137
  </div>
139
138
  <div class="ann-entry-body">
139
+ <span v-if="layerLabel(ann)" class="ann-layer">{{ layerLabel(ann) }}</span>
140
140
  <div v-if="getSegment(ann)" class="ann-pron-h"><PronunciationGroup :segment="getSegment(ann)!" /></div>
141
- <div v-if="ann.text && ann.kind !== 'pronunciation'" class="ann-text">{{ ann.text }}</div>
141
+ <span v-if="ann.text && ann.kind !== 'pronunciation'" class="ann-text">{{ ann.text }}</span>
142
142
  </div>
143
143
  </div>
144
144
  </div>
@@ -164,11 +164,11 @@ onBeforeUnmount(() => {
164
164
  <div v-for="ann in annotations" :key="ann.id" class="ann-entry">
165
165
  <div class="ann-entry-header">
166
166
  <span class="ann-kind" :class="ann.kind">{{ kindLabel(ann) }}</span>
167
- <span v-if="layerLabel(ann)" class="ann-layer">{{ layerLabel(ann) }}</span>
168
167
  </div>
169
168
  <div class="ann-entry-body">
169
+ <span v-if="layerLabel(ann)" class="ann-layer">{{ layerLabel(ann) }}</span>
170
170
  <div v-if="getSegment(ann)" class="ann-pron-h"><PronunciationGroup :segment="getSegment(ann)!" /></div>
171
- <div v-if="ann.text && ann.kind !== 'pronunciation'" class="ann-text">{{ ann.text }}</div>
171
+ <span v-if="ann.text && ann.kind !== 'pronunciation'" class="ann-text">{{ ann.text }}</span>
172
172
  </div>
173
173
  </div>
174
174
  </div>
@@ -480,6 +480,8 @@ onBeforeUnmount(() => {
480
480
  border-right: 1px solid var(--border-light);
481
481
  writing-mode: vertical-rl;
482
482
  text-orientation: mixed;
483
+ display: flex;
484
+ flex-direction: row;
483
485
  }
484
486
 
485
487
  .ann-card.vertical .ann-entry:first-child {
@@ -506,8 +508,6 @@ onBeforeUnmount(() => {
506
508
  }
507
509
 
508
510
  .ann-card.vertical .ann-entry-header {
509
- flex-direction: column;
510
- align-items: flex-start;
511
511
  gap: 4px;
512
512
  }
513
513
 
@@ -592,6 +592,8 @@ onBeforeUnmount(() => {
592
592
  border-bottom: none;
593
593
  border-right: 1px solid var(--border-light);
594
594
  padding: 0 10px;
595
+ display: flex;
596
+ flex-direction: row;
595
597
  }
596
598
 
597
599
  .ann-sheet-body.vertical .ann-entry:last-child {