mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-12 11:41:08 +01:00
Revert "Adversary name fields are improved as well."
This reverts commit f60e8cffda.
This commit is contained in:
parent
df51c5fc1d
commit
0698d1961c
2 changed files with 8 additions and 57 deletions
|
|
@ -17,52 +17,17 @@
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,22 +2,8 @@
|
||||||
<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 type='text' name='name' value='{{source.name}}' placeholder="{{localize "DAGGERHEART.GENERAL.actorName"}}"
|
||||||
<input
|
/>
|
||||||
type='text'
|
|
||||||
name='name'
|
|
||||||
id='actor-name-{{document.id}}'
|
|
||||||
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>
|
</div>
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue