.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; } } }