cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-12 03:31:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updated name field workflow in character actor.

Browse source
This commit is contained in:
Nikhil Nagarajan 2025-12-17 12:54:01 -05:00
parent 3fc1ce8bad
commit 66924c530f
2 changed files with 58 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

49
styles/less/sheets/actors/character/header.less
View file

@ -34,23 +34,58 @@
.name-row {
display: flex;
gap: 5px;
align-items: end;
align-items: center;
justify-content: space-between;
padding: 0;
padding-top: 5px;
flex: 1;
input[type='text'] {
font-size: var(--font-size-32);
height: 42px;
text-align: start;
.name-wrapper {
display: flex;
align-items: center;
position: relative;
width: 100%;
min-height: 42px;
border: 1px solid transparent;
border-radius: 6px;
outline: 2px solid transparent;
transition: all 0.3s ease;
&:hover {
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 {