@hanology/cham-browser 0.4.37 → 0.4.39

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 +5 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanology/cham-browser",
3
- "version": "0.4.37",
3
+ "version": "0.4.39",
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>
@@ -229,7 +229,6 @@ onBeforeUnmount(() => {
229
229
 
230
230
  .ann-entry-header {
231
231
  display: inline-flex;
232
- align-items: center;
233
232
  gap: 6px;
234
233
  margin-bottom: 3px;
235
234
  }
@@ -466,7 +465,7 @@ onBeforeUnmount(() => {
466
465
 
467
466
  .ann-card.vertical .ann-card-scroll {
468
467
  display: flex;
469
- flex-direction: row;
468
+ flex-direction: row-reverse;
470
469
  padding: 8px 0;
471
470
  overflow-y: hidden;
472
471
  overflow-x: auto;
@@ -508,8 +507,6 @@ onBeforeUnmount(() => {
508
507
  }
509
508
 
510
509
  .ann-card.vertical .ann-entry-header {
511
- flex-direction: row;
512
- align-items: flex-start;
513
510
  gap: 4px;
514
511
  }
515
512