diff --git a/module/data/chat-message/dualityRoll.mjs b/module/data/chat-message/dualityRoll.mjs index c1301e6b..7bf0349a 100644 --- a/module/data/chat-message/dualityRoll.mjs +++ b/module/data/chat-message/dualityRoll.mjs @@ -68,7 +68,7 @@ export default class DHDualityRoll extends foundry.abstract.TypeDataModel { } get modifierTotal() { - // return {value: 12, label: "+12"} + return {value: 12, label: "+12"} const total = this.modifiers.reduce((acc, x) => acc + x.value, 0); return { value: total, diff --git a/styles/chat.less b/styles/chat.less index 11024ebf..b7a22c93 100644 --- a/styles/chat.less +++ b/styles/chat.less @@ -1,293 +1,5 @@ .chat-message { - // &.duality { - // border-color: black; - // padding: 8px 0 0 0; - - // .message-header { - // color: var(--color-light-3); - // padding: 0 8px; - // } - - // .duality-data { - // display: flex; - // flex-direction: column; - - // .duality-title { - // color: var(--color-light-1); - // text-shadow: 0 0 1px black; - // border-bottom: 1px solid; - // margin-bottom: 2px; - // display: flex; - // align-items: end; - // justify-content: space-between; - // padding: 0 8px; - // } - - // .duality-modifiers { - // display: flex; - // gap: 2px; - // margin-bottom: 4px; - // padding: 0 8px; - - // .duality-modifier { - // padding: 2px; - // border-radius: 6px; - // border: 1px solid; - // background: var(--color-dark-6); - // font-size: 12px; - // } - // } - - // .duality-line { - // display: flex; - // align-items: end; - // justify-content: space-between; - // padding: 0 8px; - - // &.simple { - // padding-right: 0; - // } - - // .dice-outer-container { - // display: flex; - // align-items: center; - // gap: 4px; - // margin-bottom: 4px; - - // .dice-container { - // display: flex; - // flex-direction: column; - // gap: 2px; - - // .dice-title { - // color: var(--color-light-1); - // text-shadow: 0 0 1px black; - // } - - // .dice-inner-container { - // display: flex; - // align-items: center; - // justify-content: center; - // position: relative; - - // .dice-wrapper { - // height: 24px; - // width: 24px; - // position: relative; - // display: flex; - // align-items: center; - // justify-content: center; - // clip-path: polygon( - // 50% 0%, - // 80% 10%, - // 100% 35%, - // 100% 70%, - // 80% 90%, - // 50% 100%, - // 20% 90%, - // 0% 70%, - // 0% 35%, - // 20% 10% - // ); - - // .dice { - // height: 26px; - // width: 26px; - // max-width: unset; - // position: absolute; - // } - // } - - // .dice-value { - // position: absolute; - // font-weight: bold; - // font-size: 16px; - // } - - // &.hope { - // .dice-wrapper { - // background: black; - - // .dice { - // filter: brightness(0) saturate(100%) invert(79%) sepia(79%) saturate(333%) - // hue-rotate(352deg) brightness(102%) contrast(103%); - // } - // } - - // .dice-value { - // color: var(--color-dark-1); - // text-shadow: 0 0 4px white; - // } - // } - - // &.fear { - // .dice-wrapper { - // background: white; - - // .dice { - // filter: brightness(0) saturate(100%) invert(12%) sepia(88%) saturate(4321%) - // hue-rotate(221deg) brightness(92%) contrast(110%); - // } - // } - - // .dice-value { - // color: var(--color-light-1); - // text-shadow: 0 0 4px black; - // } - // } - // } - // } - - // .advantage-container { - // padding-top: 21px; - - // .dice-wrapper { - // height: 24px; - // width: 24px; - // position: relative; - // display: flex; - // align-items: center; - // justify-content: center; - - // .dice { - // height: 26px; - // width: 26px; - // max-width: unset; - // position: absolute; - // } - - // .dice-value { - // position: absolute; - // font-weight: bold; - // font-size: 16px; - // } - // } - - // &.advantage { - // .dice-wrapper { - // .dice { - // filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(4133%) - // hue-rotate(96deg) brightness(104%) contrast(107%); - // } - // } - // } - - // &.disadvantage { - // .dice-wrapper { - // .dice { - // filter: brightness(0) saturate(100%) invert(9%) sepia(78%) saturate(6903%) - // hue-rotate(11deg) brightness(93%) contrast(117%); - // } - // } - // } - // } - - // .duality-modifier { - // padding-top: 21px; - // color: var(--color-light-1); - // text-shadow: 0 0 1px black; - // font-size: 16px; - // } - // } - // } - // } - - // .duality-result { - // display: flex; - // flex-direction: column; - // align-items: end; - // justify-content: center; - // gap: 2px; - // color: var(--color-light-1); - // text-shadow: 0 0 1px black; - // font-weight: bold; - // background: var(--color-dark-1); - // padding: 4px 4px 0 4px; - // border-radius: 6px 0 0 0; - // } - - // .duality-actions { - // display: flex; - // justify-content: space-between; - - // .duality-action { - // color: var(--color-light-1); - // text-shadow: 0 0 1px black; - // font-weight: bold; - // background: var(--color-dark-1); - // padding: 4px; - // border-radius: 0 6px 0 0; - // border-color: black; - // min-height: unset; - // height: 26px; - - // &:hover { - // background: var(--button-hover-background-color); - // } - // } - // } - - // .target-section { - // margin: 4px 4px; - // border: 2px solid; - - // .target-container { - // display: flex; - // align-items: center; - // transition: all 0.2s ease-in-out; - - // &:hover { - // filter: drop-shadow(0 0 3px @secondaryShadow); - // border-color: gold; - // } - - // &.hit { - // background: @hit; - // } - - // &.miss { - // background: @miss; - // } - - // img { - // flex: 0; - // width: 22px; - // height: 22px; - // margin-left: 8px; - // align-self: center; - // border-color: transparent; - // } - - // .target-inner-container { - // flex: 1; - // display: flex; - // justify-content: center; - // margin-right: @hugeMargin; - // font-weight: bold; - // font-size: 17px; - // } - // } - // } - - // &.hope { - // background: linear-gradient(0, @hopeBackgroundEnd 40px, @hopeBackgroundStart); - // } - // &.fear { - // background: linear-gradient(0, @fearBackgroundEnd, @fearBackgroundStart); - // } - // &.critical { - // background: linear-gradient(0, @criticalBackgroundEnd, @criticalBackgroundStart); - // } - - // .dice-roll { - // color: var(--color-dark-1); - - // .dice-flavor { - // color: var(--color-light-1); - // } - // } - // } - .duality-modifiers, .duality-result, .dice-title { + .duality-modifiers, .duality-result, .dice-title, .duality-modifier { display: none; } } @@ -329,6 +41,11 @@ } .dice-tooltip { .dice-rolls { + &.duality { + display: flex; + gap: 0.25rem; + } + // margin: 0; > .roll { display: flex; align-items: center; @@ -441,79 +158,6 @@ } } } - /* .dice-rolls.duality { - display: flex; - align-items: center; - - .dice-hope-container { - display: flex; - - .roll.die:not(:last-of-type) { - margin-right: @fullMargin; - } - } - - .modifiers-container { - display: flex; - - .modifier-value:not(:last-of-type) { - margin-right: @fullMargin; - } - } - - .roll.die { - &.hope { - color: white; - -webkit-text-stroke-color: @hope; - -webkit-text-stroke-width: 1.5px; - font-weight: 400; - &:not(.discarded) { - filter: none; - } - } - &.fear { - color: white; - -webkit-text-stroke-color: @fear; - -webkit-text-stroke-width: 1.5px; - font-weight: 400; - &:not(.discarded) { - filter: none; - } - } - &.disadvantage { - color: white; - -webkit-text-stroke-color: @disadvantage; - -webkit-text-stroke-width: 1.5px; - font-weight: 400; - } - &.advantage { - color: white; - -webkit-text-stroke-color: @advantage; - -webkit-text-stroke-width: 1.5px; - font-weight: 400; - } - //V1.3 - // &.advantage { - // filter: drop-shadow(0 -4px 4px gold); - // cursor: pointer; - // } - - &.unused { - opacity: 0.3; - } - } - - .modifier-value { - text-align: center; - font-weight: bold; - font-size: 16px; - } - } - - .attack-roll-advantage-container { - text-align: end; - font-weight: bold; - } */ } .dice-total { @@ -699,8 +343,6 @@ display: flex; gap: 2px; margin-bottom: 4px; - // padding: 0 8px; - .duality-modifier { padding: 2px; border-radius: 6px; @@ -746,8 +388,6 @@ .dice { .dice-rolls { margin-bottom: 0; - display: flex; - gap: 0.25rem; li { display: flex; align-items: center; @@ -759,6 +399,13 @@ } } } + .duality-modifier { + display: flex; + margin-bottom: 6px; + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-size: var(--font-size-16); + } } } } diff --git a/styles/daggerheart.css b/styles/daggerheart.css index 6c212485..7edd4986 100755 --- a/styles/daggerheart.css +++ b/styles/daggerheart.css @@ -1382,7 +1382,8 @@ } .chat-message .duality-modifiers, .chat-message .duality-result, -.chat-message .dice-title { +.chat-message .dice-title, +.chat-message .duality-modifier { display: none; } .daggerheart.chat.downtime { @@ -1412,80 +1413,9 @@ text-align: center; font-weight: bold; } -.daggerheart.chat.roll .dice-tooltip { - /* .dice-rolls.duality { - display: flex; - align-items: center; - - .dice-hope-container { - display: flex; - - .roll.die:not(:last-of-type) { - margin-right: @fullMargin; - } - } - - .modifiers-container { - display: flex; - - .modifier-value:not(:last-of-type) { - margin-right: @fullMargin; - } - } - - .roll.die { - &.hope { - color: white; - -webkit-text-stroke-color: @hope; - -webkit-text-stroke-width: 1.5px; - font-weight: 400; - &:not(.discarded) { - filter: none; - } - } - &.fear { - color: white; - -webkit-text-stroke-color: @fear; - -webkit-text-stroke-width: 1.5px; - font-weight: 400; - &:not(.discarded) { - filter: none; - } - } - &.disadvantage { - color: white; - -webkit-text-stroke-color: @disadvantage; - -webkit-text-stroke-width: 1.5px; - font-weight: 400; - } - &.advantage { - color: white; - -webkit-text-stroke-color: @advantage; - -webkit-text-stroke-width: 1.5px; - font-weight: 400; - } - //V1.3 - // &.advantage { - // filter: drop-shadow(0 -4px 4px gold); - // cursor: pointer; - // } - - &.unused { - opacity: 0.3; - } - } - - .modifier-value { - text-align: center; - font-weight: bold; - font-size: 16px; - } - } - - .attack-roll-advantage-container { - text-align: end; - font-weight: bold; - } */ +.daggerheart.chat.roll .dice-tooltip .dice-rolls.duality { + display: flex; + gap: 0.25rem; } .daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll { display: flex; @@ -1755,8 +1685,6 @@ } .theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls { margin-bottom: 0; - display: flex; - gap: 0.25rem; } .theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls li { display: flex; @@ -1767,6 +1695,13 @@ line-height: unset; font-weight: unset; } +.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .duality-modifier { + display: flex; + margin-bottom: 6px; + color: var(--color-light-1); + text-shadow: 0 0 1px black; + font-size: var(--font-size-16); +} .theme-colorful .chat-message.duality .message-content .dice-result .target-section { margin: 4px 0; border: 2px solid;