Revert "Updated name field workflow in character actor."

This reverts commit 66924c530f.
This commit is contained in:
Nikhil Nagarajan 2025-12-18 07:13:41 -05:00
parent f60e8cffda
commit df51c5fc1d
2 changed files with 13 additions and 58 deletions

View file

@ -34,58 +34,23 @@
.name-row { .name-row {
display: flex; display: flex;
gap: 5px; gap: 5px;
align-items: center; align-items: end;
justify-content: space-between; justify-content: space-between;
padding: 0; padding: 0;
padding-top: 5px; padding-top: 5px;
flex: 1; flex: 1;
.name-wrapper { input[type='text'] {
display: flex; font-size: var(--font-size-32);
align-items: center; height: 42px;
position: relative; text-align: start;
width: 100%;
min-height: 42px;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 6px;
outline: 2px solid transparent; outline: 2px solid transparent;
transition: all 0.3s ease;
&:hover { &:hover {
outline: 2px solid light-dark(@dark, @golden); outline: 2px solid light-dark(@dark, @golden);
} }
input[type='text'] {
font-size: var(--font-size-28);
font-family: var(--dh-font-body, 'Montserrat'), sans-serif;
height: auto;
text-align: start;
position:absolute;
opacity: 0;
pointer-events: none;
z-index:-1;
transition: opacity 0.1s ease-out;
&:focus {
position: static;
opacity: 1;
pointer-events: auto;
z-index: auto;
width: 100%;
}
}
label {
display: inline-block;
position: static;
cursor: text;
color:light-dark(@dark, @golden);
font-size: var(--font-size-32);
font-family: var(--dh-font-title, 'Cinzel Decorative'), serif;
text-align: start;
line-height: 1.1;
min-height: 42px;
word-break: break-word;
width: 100%;
}
input[type='text']:focus ~ label {
display: none;
}
} }
.level-div { .level-div {

View file

@ -2,22 +2,12 @@
<line-div></line-div> <line-div></line-div>
<div class="name-row"> <div class="name-row">
<h1 class='actor-name'> <h1 class='actor-name'>
<div class="name-wrapper"> <input
<input type='text'
type='text' name='name'
name='name' value='{{document.name}}'
id='actor-name-{{document.id}}' placeholder='{{localize "DAGGERHEART.GENERAL.actorName"}}'
value='{{document.name}}' />
placeholder='{{localize "DAGGERHEART.GENERAL.actorName"}}'
/>
<label for="actor-name-{{document.id}}">
{{#if document.name}}
{{document.name}}
{{else}}
<span>{{localize "DAGGERHEART.GENERAL.actorName"}}</span>
{{/if}}
</label>
</div>
</h1> </h1>
<div class='level-div'> <div class='level-div'>