Added edit tooltips.
This commit is contained in:
@@ -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);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
2
static
Submodule static updated: 13a0a44985...edbc4d27a1
Reference in New Issue
Block a user