uberwald/fvtt-lethal-fantasy
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 22 Wiki Activity

Manage DR and damage roll

Browse Source
This commit is contained in:
LeRatierBretonnien
2025-12-14 20:48:33 +01:00
parent 7d27562bb4
commit f6b35536de
37 changed files with 717 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
styles/chat.less
View File

@@ -1,33 +1,34 @@
&.fortune {
img {
border: 0px;
}
.intro-chat {
border-radius: 20px;
display: flex;
flex-direction: row;
.intro-img {
padding: 5px;
width: 80px;
align-self: center;
}
.intro-right {
display: flex;
flex-direction: column;
.introText {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.2);
width: 210px;
text-align: center;
}
}
}
.button.control, .fortune-accepted {
display: flex;
justify-content: center;
align-items: center;
font-size: calc(var(--font-size-standard) * 1.3);
img {
border: 0px;
}
.intro-chat {
border-radius: 20px;
display: flex;
flex-direction: row;
.intro-img {
padding: 5px;
width: 80px;
align-self: center;
}
.intro-right {
display: flex;
flex-direction: column;
.introText {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.2);
width: 210px;
text-align: center;
}
}
}
.button.control,
.fortune-accepted {
display: flex;
justify-content: center;
align-items: center;
font-size: calc(var(--font-size-standard) * 1.3);
}
}
&.ask-roll {
@@ -37,4 +38,4 @@
justify-content: center;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.2);
}
}

132
styles/roll.less
View File

@@ -7,6 +7,65 @@
border-color: var(--color-dark-6);
color: var(--color-dark-2);
}
.apply-damage-dialog {
.dialog-content {
padding: 6px;
font-size: calc(var(--font-size-standard) * 1);
.header {
text-align: center;
padding: 4px;
margin-bottom: 6px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.damage-summary {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 6px;
margin-bottom: 6px;
background-color: rgba(139, 0, 0, 0.1);
border-radius: 3px;
.damage-value {
color: var(--color-level-error);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
}
}
.dr-summary {
display: flex;
justify-content: space-around;
gap: 4px;
padding: 3px;
margin-bottom: 6px;
font-size: calc(var(--font-size-standard) * 0.85);
background-color: rgba(0, 0, 0, 0.05);
border-radius: 3px;
}
.damage-options {
.option-line {
display: flex;
justify-content: space-between;
align-items: center;
padding: 3px 6px;
margin: 2px 0;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 3px;
strong {
color: var(--color-dark-1);
font-size: calc(var(--font-size-standard) * 1.05);
}
}
}
}
}
}
.lethalfantasy-roll-dialog {
@@ -59,9 +118,14 @@
.dialog-form {
.form-footer {
padding: 4px;
gap: 4px;
button {
min-width: 14rem;
min-height: 3.2rem;
min-width: 8rem;
min-height: 2rem;
padding: 2px 6px;
margin: 0;
font-size: calc(var(--font-size-standard) * 0.9);
}
}
}
@@ -156,4 +220,68 @@
font-size: calc(var(--font-size-standard) * 1);
text-shadow: 0 0 10px var(--color-shadow-primary);
}
.damage-result {
width: 100%;
padding: 8px;
ul {
padding: 0;
margin: 0;
}
.li-apply-wounds {
list-style: none;
margin-top: 10px;
padding: 0;
display: none;
> div:first-child {
font-weight: bold;
margin-bottom: 8px;
font-size: calc(var(--font-size-standard) * 0.95);
text-align: center;
}
.combatants-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 6px;
margin-top: 5px;
padding: 8px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 5px;
.apply-wounds-btn {
padding: 6px 10px;
background: linear-gradient(to bottom, #5a5850 0%, #4b4a44 100%);
border: 1px solid #2b2a24;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
color: #f0f0e0;
cursor: pointer;
border-radius: 4px;
font-size: calc(var(--font-size-standard) * 0.85);
font-weight: 500;
text-align: center;
transition: all 0.2s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
&:hover {
background: linear-gradient(to bottom, #6a6860 0%, #5a5850 100%);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
transform: translateY(-1px);
border-color: #3b3a34;
}
&:active {
transform: translateY(0);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
}
}
}
}
}