cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-06-07 13:24:16 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Redesign group roll dialog

Browse source
This commit is contained in:
Carlos Fernandez 2026-04-21 18:30:00 -04:00
parent 545934aa60
commit 89c02faf0e
17 changed files with 486 additions and 632 deletions
Download patch file Download diff file Expand all files Collapse all files

206
styles/less/dialog/group-roll-dialog/main.less Normal file
View file

@ -0,0 +1,206 @@
.daggerheart.dialog.dh-style.views.group-roll-dialog {
.group-roll.active {
display: flex;
flex-direction: column;
overflow: hidden;
a.roll-button {
&:hover {
text-shadow: none;
filter: drop-shadow(0 0 3px var(--golden-90));
}
}
.aiding-members {
display: flex;
flex-direction: column;
gap: 6px;
overflow-y: auto;
}
.item-tags {
.tag.success {
background: @green-10;
color: @green;
}
.tag.failure {
background: @red-10;
color: @red;
}
}
.member-roll-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
height: 3.375rem;
.name-area {
display: flex;
flex-direction: column;
flex: 1;
justify-content: center;
.name {
font-weight: 500;
}
.trait {
display: flex;
align-items: center;
gap: var(--spacer-8);
select {
--input-height: 2em;
width: auto;
}
}
}
&.inactive {
opacity: 0.3;
pointer-events: none;
}
a.roll-button.initial-roll {
width: 1.875rem;
height: 1.875rem;
margin-right: 2px; /** makes hover look a bit nicer */
}
}
}
.roll-container {
display: flex;
flex-direction: column;
}
.with-result {
border-radius: 5px;
background: var(--duality-bg);
color: var(--color-light-2);
&.hope {
--duality-text-color: @golden;
--duality-bg: url(../assets/parchments/dh-parchment-hope.png);
}
&.fear {
--duality-text-color: @chat-blue;
--duality-bg: url(../assets/parchments/dh-parchment-fear.png);
}
&.critical {
--duality-text-color: @chat-purple;
--duality-bg: url(../assets/parchments/dh-parchment-critical.png);
}
.duality-label {
font-family: var(--dh-font-subtitle);
color: var(--duality-text-color);
font-weight: 700;
}
}
.roll-data {
display: flex;
flex-direction: column;
align-items: end;
justify-content: center;
padding: 0 4px;
min-height: 3rem;
.duality-label {
font-size: var(--font-size-15);
.unused-damage {
text-decoration: line-through;
}
.with {
font-size: var(--font-size-10);
}
}
.roll-dice-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 4px;
.roll-dice {
position: relative;
display: flex;
align-items: center;
justify-content: center;
.dice-label {
position: absolute;
color: white;
font-size: 1rem;
paint-order: stroke fill;
-webkit-text-stroke: 2px black;
}
img {
height: 1.25rem;
}
}
.roll-operator {
font-size: var(--font-size-18);
}
.roll-value {
font-size: var(--font-size-16);
}
}
}
.group-roll-results {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 4px;
font-size: var(--font-size-12);
padding: 6px 12px;
margin-top: 8px;
.row {
display: flex;
align-items: center;
justify-content: space-between;
}
.divider {
height: 1px;
background-image: linear-gradient(90deg, transparent 0%, var(--duality-text-color) 50%, transparent 100%);
margin-block: var(--spacer-4);
}
.total {
.label {
font-size: var(--font-size-14);
}
.duality-label {
display: flex;
align-items: center;
gap: var(--spacer-4);
.value {
font-size: 20px;
}
}
}
}
.finish-container {
margin-top: 16px;
gap: 16px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
.finish-button {
grid-column: span 2;
}
}
}