Actor sheet, WIP

This commit is contained in:
2026-03-07 22:47:29 +01:00
parent c6f7a9e966
commit 8f7f0169e4
27 changed files with 835 additions and 381 deletions

View File

@@ -4,7 +4,8 @@
.oathhammer .item-sheet-common {
overflow: auto;
font-family: @font-primary;
padding: 10px 20px; // Inner margin so content clears the parchment border
font-family: @font-body; // Calibri — standard text per design_rules.md
font-size: @font-size-base;
.sheet-background();
@@ -15,6 +16,11 @@
margin-bottom: 8px;
padding-bottom: 4px;
border-bottom: 2px solid @color-blue;
// Item name input — decorative title font
input[name="name"] {
font-family: @font-primary; // Sherwood — decorative title
}
}
.item-img {
@@ -26,33 +32,70 @@
object-fit: cover;
}
// Override Foundry dark-theme input/select backgrounds for parchment look
input:not([type="checkbox"]),
select {
height: 1.5rem;
background-color: @color-input-bg;
border-color: @color-blue;
color: @color-dark;
}
// Checkboxes: natural size, no custom background
input[type="checkbox"] {
width: auto;
height: auto;
background-color: transparent;
border-color: @color-blue;
}
input[name="name"] {
height: 2.5rem;
font-family: @font-primary;
font-size: @font-size-xl;
font-weight: bold;
border: none;
border-bottom: 2px solid @color-blue;
background: transparent;
}
label {
font-family: @font-secondary;
font-size: @font-size-base;
color: @color-dark;
}
.form-group {
display: flex;
flex: 1;
flex-direction: row;
align-items: center;
gap: 4px;
margin-bottom: 2px;
gap: 6px;
margin-bottom: 4px;
label {
& > label {
flex: 0 0 8rem; // Fixed label width, no grow/shrink
font-family: @font-secondary;
font-size: @font-size-base;
min-width: @label-min-width;
max-width: @label-min-width;
color: @color-dark;
}
select,
input {
text-align: left;
min-width: @input-min-width;
max-width: @input-max-width;
.form-fields {
flex: 1;
min-width: 0;
input:not([type="checkbox"]),
select {
width: 100%;
box-sizing: border-box;
}
}
}
.align-top {
flex: 1;
min-width: 0;
align-self: flex-start;
padding: 0.2rem;
min-width: 260px;
padding: 0 0.3rem;
}
.shift-right {