Merge branch 'main' into feature/style-tooltips

This commit is contained in:
Murilo Brito 2025-12-23 19:27:50 -03:00 committed by GitHub
commit 5a9ad904be
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
236 changed files with 2521 additions and 927 deletions

View file

@ -1,20 +1,35 @@
.daggerheart.dh-style.dialog.item-transfer {
.item-transfer-container {
display: grid;
grid-template-columns: 1fr 42px;
gap: 4px;
.summary {
display: flex;
align-items: center;
justify-content: center;
gap: 3rem;
.actor-img {
border-radius: 50%;
width: 5rem;
height: 5rem;
object-fit: cover;
object-position: top center;
}
.number-display {
text-align: center;
.granted-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: var(--font-size-32);
img {
width: 2rem;
height: 2rem;
object-fit: contain;
border-radius: 3px;
}
}
}
.item-sheet-footer {
padding-top: 8px;
display: flex;
button {
flex: 1;
}
label {
flex: 0;
margin-right: 0.5rem;
}
}

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 {

View file

@ -129,7 +129,8 @@
.item-label {
flex: 1;
align-self: center;
align-self: stretch;
align-content: center;
.item-name {
font-size: var(--font-size-14);

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);
@ -39,6 +40,7 @@
.tag {
display: flex;
flex-direction: row;
gap: 4px;
justify-content: center;
align-items: center;
padding: 3px 5px;

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;

View file

@ -5,5 +5,8 @@
flex-direction: column;
margin-top: 10px;
}
.hint {
font-style: italic;
}
}
}

View file

@ -16,6 +16,12 @@
}
}
&.three-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2px;
}
&.six-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;