cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-11 19:25:21 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

[PR][Feature] Support multiline adversary and character names (#1437)

Browse source 
* Support multiline adversary names

* Create fake placeholder

* Also support multiline character names
This commit is contained in:
Carlos Fernandez 2025-12-19 16:57:15 -05:00 • committed by GitHub
parent 5f6d08d8c2
commit 474cf28a53
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 46 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

11
styles/less/global/elements.less
View file

@ -6,7 +6,8 @@
input[type='text'],
input[type='number'],
textarea {
textarea,
.input[contenteditable] {
background: light-dark(transparent, transparent);
border-radius: 6px;
box-shadow: 0 4px 30px @soft-shadow;
@ -43,6 +44,14 @@
}
}
.input[contenteditable] {
cursor: var(--cursor-text);
&:empty:before {
color: light-dark(@dark-40, @beige-50);
content: attr(placeholder);
}
}
input[type='checkbox'],
input[type='radio'] {
&:checked::after {

11
styles/less/sheets/actors/adversary/header.less
View file

@ -12,18 +12,19 @@
gap: 5px;
align-items: center;
justify-content: space-between;
padding: 0;
padding-top: 5px;
padding-bottom: 8px;
padding: 8px 0;
flex: 1;
input[type='text'] {
h1 {
display: flex;
flex: 1;
padding: 6px 0 0 0;
font-size: var(--font-size-32);
height: 42px;
text-align: start;
border: 1px solid transparent;
outline: 2px solid transparent;
transition: all 0.3s ease;
word-break: break-word;
&:hover {
outline: 2px solid light-dark(@dark, @golden);

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

@ -34,19 +34,22 @@
.name-row {
display: flex;
gap: 5px;
align-items: end;
align-items: start;
justify-content: space-between;
padding: 0;
padding-top: 5px;
flex: 1;
input[type='text'] {
h1 {
display: flex;
flex: 1;
padding: 6px 0 0 0;
font-size: var(--font-size-32);
height: 42px;
text-align: start;
border: 1px solid transparent;
outline: 2px solid transparent;
transition: all 0.3s ease;
word-break: break-word;
&:hover {
outline: 2px solid light-dark(@dark, @golden);
@ -57,6 +60,8 @@
white-space: nowrap;
display: flex;
justify-content: end;
height: var(--font-size-32);
margin-top: 6px;
.label {
display: flex;