Genefunk 2090: Fixed gap in roll template and description ignoring description_in_chat

This commit is contained in:
Kurohyou
2023-03-13 11:23:01 -06:00
parent aef76efbf1
commit 1e1ce49ac3
2 changed files with 86 additions and 93 deletions
+67 -59
View File
@@ -1,6 +1,9 @@
.sheet-rolltemplate-general,
.sheet-whole{
--hexagon:polygon(100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0%);
--hexagon-bottom: polygon(0% 0%, 100% 0%, 75% 100% 25% 100%);
--hex-width: 96px;
--half-hex-height: calc(83.13px / 2);
--polygon-border-width:2px;
--pentagon:polygon(50% 0%,100% 41.2%,80.9% 100%,19.1% 100%,0% 41.2%);
--spanPolygon:polygon(100% calc(100% - 5px), 100% 5px, calc(100% - 5px) 0%, 5px 0%, 0% 5px, 0% calc(100% - 5px), 5px 100%, calc(100% - 5px) 100%);
@@ -469,6 +472,49 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
overflow:hidden;
line-height:normal;
}
.sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-hex-wrap-container{
display: flow-root;
white-space: initial !important;
place-self:stretch !important;
}
.sheet-hex-bottom,
.sheet-rolltemplate-general .sheet-hex-bottom{
shape-outside: var(--hexagon-bottom);
width:var(--hex-width);
height: var(--half-hex-height);
margin-top: -4px;
position:relative;
}
.sheet-rolltemplate-general .sheet-range .sheet-shape-around{
float:right;
margin-right: -4px;
}
.sheet-rolltemplate-general .sheet-1234 .sheet-shape-around,
.sheet-rolltemplate-general .sheet-1 .sheet-shape-around,
.sheet-rolltemplate-general .sheet-2 .sheet-shape-around,
.sheet-rolltemplate-general .sheet-3 .sheet-shape-around,
.sheet-rolltemplate-general .sheet-4 .sheet-shape-around{
display:none !important;
}
.sheet-rolltemplate-general .sheet-1234 .sheet-range .sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-1 .sheet-range .sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-2 .sheet-range .sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-3 .sheet-range .sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-4 .sheet-range .sheet-hex-wrap-container{
padding-right: 10px;
}
.sheet-rolltemplate-general .sheet-1234 .sheet-properties .sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-1 .sheet-properties .sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-2 .sheet-properties .sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-3 .sheet-properties .sheet-hex-wrap-container,
.sheet-rolltemplate-general .sheet-4 .sheet-properties .sheet-hex-wrap-container{
padding-left: 10px;
}
.sheet-rolltemplate-general .sheet-properties .sheet-shape-around{
float:left;
margin-left: -4px;
}
.sheet-rolltemplate-general > .sheet-roll-display .sheet-true-hexagon,
.sheet-true-hexagon{
grid-area:hexagon;
@@ -1113,10 +1159,10 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-name{
grid-area:name;
}
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-range{
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view .sheet-range{
grid-area:range;
}
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-properties{
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view .sheet-properties{
grid-area:properties;
}
.repcontainer[data-groupname="repeating_action"] .sheet-expanded-view > .sheet-description{
@@ -1337,7 +1383,7 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-level{
grid-area:level;
}
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-range{
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view .sheet-range{
grid-area:range;
}
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-launch-time{
@@ -1352,7 +1398,7 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-source{
grid-area:source;
}
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-properties{
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view .sheet-properties{
grid-area:properties;
}
.repcontainer[data-groupname="repeating_hack"] .sheet-expanded-view > .sheet-description{
@@ -1639,8 +1685,8 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
background-color:black;
clip-path:var(--spanBorderPolygon);
position:relative;
grid-template-columns: 4px 1fr 4px;
grid-template-rows:4px 1fr 4px;
grid-template-columns: 4px auto 4px;
grid-template-rows:4px auto 4px;
grid-template-areas:
". . ."
". text ."
@@ -1708,8 +1754,8 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
.sheet-rolltemplate-general > .sheet-roll-display.sheet-23,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-24,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-34{
grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start] 72px [hex1-start hex4-start] 24px [hex2-end] 1px [range-end] 46px [properties-start] 1px [hex3-start] 24px [hex1-end hex4-end] 72px [hex3-end] minmax(4px,1fr) [properties-end header-end description-end];
grid-template-rows: [header-start] auto [hex2-start hex3-start] 41.5692px 1px [header-end] 39.5692px [description-start range-start properties-start] 1px [hex2-end hex3-end] minmax(4px,min-content) [range-end properties-end] auto [description-end];
grid-template-columns: [header-start description-start range-start] minmax(4px,1fr) [hex2-start hex1-start hex4-start] 72px 24px [hex2-end] 1px [range-end properties-start] 1px [hex3-start] 24px 72px [hex1-end hex4-end hex3-end] minmax(4px,1fr) [properties-end header-end description-end];
grid-template-rows: [header-start] auto [hex2-start hex3-start] 41.5692px 1px [description-start range-start properties-start header-end] 39.5692px 1px [hex2-end hex3-end] minmax(4px,min-content) [range-end properties-end] auto [description-end];
}
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-2,
@@ -1786,48 +1832,6 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
.sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-character_name{
grid-template-rows:4px auto 41.5692px;
}
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-2 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-3 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-range{
height:min-content;
grid-template-columns: 4px 1fr 24px;
}
.sheet-rolltemplate-general .sheet-range span{
padding-left:2px;
}
.sheet-rolltemplate-general .sheet-properties span{
padding-right:2px;
}
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-12 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-13 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-14 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-123 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-124 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-134 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-1234 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-2 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-23 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-24 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-234 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-3 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-34 > .sheet-properties,
.sheet-rolltemplate-general > .sheet-roll-display.sheet-4 > .sheet-properties{
height:min-content;
grid-template-columns: 24px 1fr 4px;
}
.sheet-rolltemplate-general > .sheet-roll-display > :not(.sheet-character_name) ~ .sheet-description{
grid-template-columns: 4px 1fr 46px 1fr 4px;
grid-template-rows: minmax(50.563px,auto) min-content 4px;
@@ -1841,7 +1845,7 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
max-width: 96px;
box-sizing: border-box;
}
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-properties > *{
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties > *{
place-self:center right;
}
.sheet-rolltemplate-general > .sheet-roll-display .sheet-range{
@@ -1852,21 +1856,25 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
.sheet-rolltemplate-general .inlinerollresult[original-title*="[computed value]"] {
pointer-events: none !important;
}
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description > .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description > .sheet-range{
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description .sheet-range{
visibility:hidden;
pointer-events:none;
}
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-range > *{
.sheet-rolltemplate-general > .sheet-roll-display .sheet-range,
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties{
min-height: 41px;
}
.sheet-rolltemplate-general > .sheet-roll-display .sheet-range > *{
place-self:center left;
}
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-range > *,
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-properties > *{
.sheet-rolltemplate-general > .sheet-roll-display .sheet-range > *,
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties > *{
overflow-y:auto;
overflow-x:hidden;
max-height:100%;
}
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-properties > *{
.sheet-rolltemplate-general > .sheet-roll-display .sheet-properties > *{
place-self:center right;
text-align:right;
}
@@ -1874,10 +1882,10 @@ label:hover .sheet-checkbox-container > span:not(.sheet-check-label),
grid-area:properties;
z-index:1;
}
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-description{
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description{
grid-area:description;
}
.sheet-rolltemplate-general > .sheet-roll-display > .sheet-description > span{
.sheet-rolltemplate-general > .sheet-roll-display .sheet-description > span{
max-height:20em;
min-height:1em;
overflow:auto;
File diff suppressed because one or more lines are too long