Added edit tooltips.

This commit is contained in:
2026-02-07 17:47:10 +01:00
parent 19dc029e28
commit 1414a846ec
3 changed files with 49 additions and 3 deletions

View File

@@ -66,7 +66,16 @@
class="row" class="row"
> >
<div class="item-header"> <div class="item-header">
<div class="key">{{ item.label || item.key }}</div> <div class="key">
{{ item.label || item.key }}
<Icon
v-if="item.note"
v-tooltip="item.note"
icon="info2"
class="item-note"
/>
</div>
<div class="item-actions noselect"> <div class="item-actions noselect">
<Icon <Icon
@@ -443,6 +452,7 @@ const fields = computed(() => [
{ {
key: 'augmentation', key: 'augmentation',
type: 'augmentation', type: 'augmentation',
note: 'Provide explicit evidence, such as social media posts, visible scarring, or before/after. Avoid "it\'s obvious".',
value: { value: {
naturalBoobs: actor.value.naturalBoobs, naturalBoobs: actor.value.naturalBoobs,
boobsVolume: actor.value.boobsVolume, boobsVolume: actor.value.boobsVolume,
@@ -503,6 +513,7 @@ const fields = computed(() => [
{ {
key: 'piercings', key: 'piercings',
type: 'has', type: 'has',
note: 'Excludes earrings',
value: { value: {
has: actor.value.hasPiercings, has: actor.value.hasPiercings,
description: actor.value.piercings, description: actor.value.piercings,
@@ -685,10 +696,22 @@ async function submit() {
.key { .key {
width: 10rem; width: 10rem;
display: inline-flex;
align-items: center;
text-transform: capitalize; text-transform: capitalize;
font-weight: bold; font-weight: bold;
} }
.item-note{
fill: var(--glass);
padding: .5rem .75rem;
cursor: help;
&:hover {
fill: var(--primary);
}
}
.input { .input {
background: var(--background); background: var(--background);
} }

View File

@@ -66,7 +66,16 @@
class="row" class="row"
> >
<div class="item-header"> <div class="item-header">
<div class="key">{{ item.label || item.key }}</div> <div class="key">
{{ item.label || item.key }}
<Icon
v-if="item.note"
v-tooltip="item.note"
icon="info2"
class="item-note"
/>
</div>
<div class="item-actions"> <div class="item-actions">
<Icon <Icon
@@ -262,11 +271,13 @@ const fields = computed(() => [
key: 'title', key: 'title',
type: 'string', type: 'string',
value: scene.value.title, value: scene.value.title,
note: 'Do not correct language errors unless source was updated.',
}, },
{ {
key: 'description', key: 'description',
type: 'text', type: 'text',
value: scene.value.description, value: scene.value.description,
note: 'Do not correct language errors unless source was updated.',
}, },
{ {
key: 'date', key: 'date',
@@ -408,6 +419,8 @@ async function submit() {
.key { .key {
width: 8rem; width: 8rem;
display: inline-flex;
align-items: center;
text-transform: capitalize; text-transform: capitalize;
font-weight: bold; font-weight: bold;
} }
@@ -473,6 +486,16 @@ async function submit() {
} }
} }
.item-note{
fill: var(--glass);
padding: .5rem .75rem;
cursor: help;
&:hover {
fill: var(--primary);
}
}
.editor-footer { .editor-footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
static

Submodule static updated: 13a0a44985...edbc4d27a1