Initial commit: Fresh start with current state
This commit is contained in:
@@ -0,0 +1,11 @@
|
||||
@import "parts/_index.less";
|
||||
@import "common-item.less";
|
||||
@import "container-sheet.less";
|
||||
|
||||
@import "details-tab.less";
|
||||
@import "changes-tab.less";
|
||||
|
||||
@import "race-sheet.less";
|
||||
@import "class-sheet.less";
|
||||
|
||||
@import "item-sidebar.less";
|
||||
@@ -0,0 +1,6 @@
|
||||
.pf1.sheet.item form {
|
||||
.item-groups-list {
|
||||
overflow: visible;
|
||||
height: unset;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
.pf1.sheet.item {
|
||||
&.type-class {
|
||||
.tab.details {
|
||||
.formula + .average {
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.pf1.sheet.item {
|
||||
form {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 6fr;
|
||||
grid-template-rows: min-content min-content 1fr;
|
||||
|
||||
> header {
|
||||
grid-column: span 2;
|
||||
|
||||
.item-name {
|
||||
:is(h1, h3) {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
&:first-of-type {
|
||||
margin: 0.3em 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.reference {
|
||||
padding: 0 3px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.header-details {
|
||||
align-self: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
:is(select, input):invalid {
|
||||
border: var(--pf1-invalid-input-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
.pf1.item.sheet {
|
||||
.window-content {
|
||||
.tab {
|
||||
// Container contents
|
||||
&.contents {
|
||||
// Remove excess scrolling
|
||||
overflow: hidden;
|
||||
|
||||
// Scroll actual contents
|
||||
> section {
|
||||
overflow: hidden scroll;
|
||||
.scrollbar();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
.pf1.item.sheet {
|
||||
section .tab.details {
|
||||
.ammunition {
|
||||
img {
|
||||
flex: 0 24px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
i,
|
||||
a {
|
||||
flex: 0 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.misfire {
|
||||
.misfire-radius {
|
||||
flex: 0 3em;
|
||||
}
|
||||
}
|
||||
|
||||
.material-addons {
|
||||
label.checkbox {
|
||||
flex: 0 0 12em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,210 @@
|
||||
.pf1.sheet.item form > .sidebar {
|
||||
grid-row: span 2;
|
||||
|
||||
border-right: 1px groove var(--color-border-light-1);
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
gap: 1px;
|
||||
|
||||
background-color: var(--pf1-bg-dark-0);
|
||||
|
||||
font-size: var(--font-size-13);
|
||||
|
||||
overflow: hidden auto;
|
||||
|
||||
> header {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
gap: 3px;
|
||||
margin-bottom: 0.3em;
|
||||
|
||||
:is(h3, h4) {
|
||||
padding: 0 3px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.range-value {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
gap: 3px;
|
||||
|
||||
> label {
|
||||
flex: 5;
|
||||
}
|
||||
}
|
||||
|
||||
.item-type {
|
||||
line-height: var(--pf1-nav-height);
|
||||
.modesto();
|
||||
font-size: var(--font-size-20, 16pt);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
> h4 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-flex;
|
||||
flex: 0;
|
||||
gap: 3px;
|
||||
align-items: center;
|
||||
|
||||
> span {
|
||||
//flex: 4;
|
||||
}
|
||||
|
||||
&.number {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
gap: 0.3em;
|
||||
|
||||
.sep {
|
||||
flex: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.checkbox {
|
||||
input {
|
||||
&[type="checkbox"] {
|
||||
flex: 0 16px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
flex: 3;
|
||||
|
||||
height: 1.5em;
|
||||
|
||||
border: 1px solid transparent;
|
||||
|
||||
&[type="text"],
|
||||
&[type="number"] {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
&[type="number"],
|
||||
&[data-dtype="Number"] {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
:is(label, h5) {
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: inherit;
|
||||
background-color: var(--pf1-bg-dark-05);
|
||||
border-radius: 0 0.7em 0 0;
|
||||
padding: 1px 3px;
|
||||
margin: 3px 0 0 0;
|
||||
}
|
||||
|
||||
:is(.details, .property-list, .property-box) {
|
||||
.property {
|
||||
border-radius: 5px 0 5px 0;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.property-list {
|
||||
.property {
|
||||
background-color: var(--pf1-bg-dark-0);
|
||||
border: 0 dashed var(--pf1-bg-dark-1);
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.property-box {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
|
||||
.property {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.property-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
gap: 2px 3px;
|
||||
|
||||
h5 {
|
||||
flex: 1 100%;
|
||||
}
|
||||
|
||||
.no-properties {
|
||||
font-size: var(--font-size-12, 9pt);
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap-value {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
gap: 0 0.3em;
|
||||
|
||||
label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.value {
|
||||
}
|
||||
}
|
||||
|
||||
:is(.contents, .details, .weight-reduction) {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
gap: 3px;
|
||||
|
||||
:is(.total-value, .sell-value) .value {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.enhancement {
|
||||
input:read-only {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
span {
|
||||
&:first-child {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&.value {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
padding: 0 4px; // Align with inputs
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pf1.sheet.item form.editable > .sidebar {
|
||||
input {
|
||||
&:is([type="number"], [type="text"]) {
|
||||
color: var(--color-text-dark-primary);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 0 8px red;
|
||||
border-color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
@import "header.less";
|
||||
@import "currency.less";
|
||||
@import "content-source.less";
|
||||
@import "physical-item.less";
|
||||
@import "sidepanel.less";
|
||||
@import "changes.less";
|
||||
@import "validation.less";
|
||||
@import "links.less";
|
||||
@import "skill-list.less";
|
||||
@@ -0,0 +1,126 @@
|
||||
.pf1.item.sheet form {
|
||||
.tab.changes {
|
||||
.changes-list {
|
||||
> .changes {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.item-list-header {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
gap: 1em;
|
||||
|
||||
padding-right: 5px; // Match generic h3 padding-left
|
||||
|
||||
h3 {
|
||||
border: unset;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.controls {
|
||||
flex: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.change {
|
||||
display: grid;
|
||||
grid-template-columns: min-content 1fr min-content;
|
||||
grid-template-rows: min-content;
|
||||
|
||||
gap: 1px 0.3em;
|
||||
padding: 1px 0.3em;
|
||||
|
||||
&:nth-child(even) {
|
||||
background-color: var(--pf1-bg-dark-0);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--pf1-bg-dark-05);
|
||||
}
|
||||
|
||||
label {
|
||||
color: var(--color-text-dark-6);
|
||||
}
|
||||
|
||||
> .operator {
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
> .details {
|
||||
//grid-row: 1;
|
||||
grid-column: 2;
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
gap: 0 0.3em;
|
||||
|
||||
> div {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.target {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
:is(.target, .type) .invalid {
|
||||
color: var(--pf1-color-text-error);
|
||||
}
|
||||
|
||||
> :is(.type, .priority) {
|
||||
flex: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> .value {
|
||||
grid-row: 2;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
> .formula {
|
||||
height: unset; // Remove Foundry's sizing
|
||||
}
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
:is(.target, .type, .priority) {
|
||||
white-space: nowrap;
|
||||
//display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.controls {
|
||||
grid-row: span 2;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
input {
|
||||
border: 1px solid var(--pf1-bg-dark-05);
|
||||
background: var(--pf1-bg-dark-0);
|
||||
|
||||
&.invalid {
|
||||
border: var(--pf1-invalid-input-border);
|
||||
background: url(icons/misc/hazard-sign.svg) no-repeat 99% 50% var(--pf1-bg-dark-0);
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.active.locked-tooltip.pf1.change-menu {
|
||||
border-radius: 0.5rem;
|
||||
|
||||
.controls {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
gap: 1em;
|
||||
|
||||
// Prevent the graphic eating pointer events
|
||||
a > i {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
.pf1.sheet.item {
|
||||
.header-details {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content-source {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
||||
flex: 0;
|
||||
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
gap: 0.3em;
|
||||
|
||||
font-size: var(--font-size-11);
|
||||
|
||||
&.missing {
|
||||
.source {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
|
||||
.source {
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.abbr {
|
||||
&::before {
|
||||
content: "(";
|
||||
}
|
||||
&::after {
|
||||
content: ")";
|
||||
}
|
||||
}
|
||||
|
||||
.control {
|
||||
flex: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
.pf1.sheet.item {
|
||||
header .currency {
|
||||
flex: 4;
|
||||
h3 {
|
||||
flex: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
min-width: 3rem;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: normal; // fix for form-group styling
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
.pf1.item.sheet form > header {
|
||||
.item-name {
|
||||
input.unidentified {
|
||||
color: var(--color-text-dark-inactive);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
.pf1.sheet {
|
||||
.tab.links {
|
||||
table {
|
||||
.extra-field {
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
.controls {
|
||||
width: 48px;
|
||||
|
||||
& > div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.links-item {
|
||||
&.broken-link .item-name {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 2px 0.3em;
|
||||
|
||||
.name {
|
||||
flex: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
img {
|
||||
flex: 0 0 24px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: var(--pf1-bg-dark-3);
|
||||
}
|
||||
|
||||
tr:not(:last-child) {
|
||||
border-bottom: 1px solid rgb(136, 136, 136);
|
||||
}
|
||||
|
||||
td:not(:last-child),
|
||||
th:not(:last-child) {
|
||||
border-right: 1px solid rgb(136, 136, 136);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.pf1.sheet.item {
|
||||
form {
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
.pf1.sheet.item {
|
||||
form {
|
||||
.item-properties {
|
||||
input {
|
||||
background: unset;
|
||||
border: unset;
|
||||
&:focus {
|
||||
background: var(--pf1-bg-dark-0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
.pf1.sheet.item {
|
||||
.class-skills {
|
||||
.skill-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(max(12rem, min-content), 1fr));
|
||||
gap: 3px;
|
||||
|
||||
> .skill {
|
||||
&.custom {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
> label {
|
||||
display: flex;
|
||||
gap: 3px;
|
||||
height: unset;
|
||||
|
||||
input[type="checkbox"] {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
flex: 0 16px;
|
||||
top: unset; // Undo Foundry styling
|
||||
margin: 0; // Undo Foundry styling
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
.pf1.item.sheet form {
|
||||
input[type="text"] {
|
||||
&.formula {
|
||||
&:invalid {
|
||||
border: var(--pf1-invalid-input-border);
|
||||
background: url(icons/misc/hazard-sign.svg) no-repeat 99% 50% var(--pf1-bg-dark-0);
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
.pf1.sheet.item {
|
||||
&.type-race {
|
||||
.window-content {
|
||||
form {
|
||||
> .sidebar {
|
||||
.subtypes {
|
||||
.subtype {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user