diff --git a/styles/less/sheets/actors/character/header.less b/styles/less/sheets/actors/character/header.less index f34dbb3b..80089cf7 100644 --- a/styles/less/sheets/actors/character/header.less +++ b/styles/less/sheets/actors/character/header.less @@ -34,58 +34,23 @@ .name-row { display: flex; gap: 5px; - align-items: center; + align-items: end; justify-content: space-between; padding: 0; padding-top: 5px; flex: 1; - .name-wrapper { - display: flex; - align-items: center; - position: relative; - width: 100%; - min-height: 42px; + input[type='text'] { + font-size: var(--font-size-32); + height: 42px; + text-align: start; 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 { diff --git a/templates/sheets/actors/character/header.hbs b/templates/sheets/actors/character/header.hbs index 01bd34a5..e19c1dea 100644 --- a/templates/sheets/actors/character/header.hbs +++ b/templates/sheets/actors/character/header.hbs @@ -2,22 +2,12 @@

-
- - -
+