bailed on my flex column approach for all props. Going back to inline-block so that line breaks within the roll template work as expected without special handling.

This commit is contained in:
∇ince
2025-01-23 10:18:55 -08:00
parent 12e2359007
commit 7eb68c9eb7
+6 -17
View File
@@ -3769,7 +3769,7 @@ details[open].thac0-box {
.sheet-rolltemplate-attacks a[href^='`~'],
.sheet-rolltemplate-general a[href^='`~'] {
color: inherit;
display: inherit;
display: inline-block;
font-weight: normal;
margin-block: 1px;
text-decoration: underline 1px solid #999;
@@ -3781,6 +3781,7 @@ details[open].thac0-box {
.sheet-rolltemplate-general a[href^='http'] {
color: var(--link-hover);
cursor: pointer;
display: inline-block;
font-weight: bold;
margin: 2px 0 2px;
padding: 0 2px 0 2px;
@@ -4291,8 +4292,8 @@ details[open].thac0-box {
/* left */
.sheet-rolltemplate-attacks .sheet-row.sheet-all-props .sheet-tcat:not(:empty):has(+ span br),
.sheet-rolltemplate-general .sheet-row.sheet-all-props .sheet-tcat:not(:empty):has(+ span br) {
align-items: flex-start;
display: inline-flex;
display: inline-block;
grid-column: 1/-1;
text-align: left;
white-space: normal;
}
@@ -4315,6 +4316,7 @@ details[open].thac0-box {
/* center */
.sheet-rolltemplate-attacks .sheet-row.sheet-all-props span.sheet-tcat:has(+ span:empty),
.sheet-rolltemplate-general .sheet-row.sheet-all-props span.sheet-tcat:has(+ span:empty) {
display: inline-block;
align-items: center;
grid-column: 1/-1;
margin-inline: auto;
@@ -4325,25 +4327,12 @@ details[open].thac0-box {
/* right */
.sheet-rolltemplate-attacks .sheet-row.sheet-all-props span:empty + span,
.sheet-rolltemplate-general .sheet-row.sheet-all-props span:empty + span {
align-items: flex-end;
flex-direction: column;
flex-wrap: wrap;
display: inline-block;
grid-column: 1/-1;
margin-inline: auto;
margin-right: 0;
}
/* collapse the line breaks inside flex container */
.sheet-rolltemplate-attacks .sheet-row.sheet-all-props span > br,
.sheet-rolltemplate-general .sheet-row.sheet-all-props span > br {
display: none;
}
.sheet-rolltemplate-attacks .sheet-row.sheet-all-props span > br + br,
.sheet-rolltemplate-general .sheet-row.sheet-all-props span > br + br {
display: inline;
}
.sheet-rolltemplate-general .sheet-row:has(.sheet-span-two:empty):not(:last-child) {
display: none;
}