Actor sheet, WIP
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user