public/fvtt-cthulhu-eternal
0
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases 20 Wiki Activity

Attempt to add HUD core

Browse Source
This commit is contained in:
LeRatierBretonnien
2025-11-12 23:41:15 +01:00
parent 68a0d03740
commit 6ad8226265
37 changed files with 1639 additions and 903 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
css/fvtt-cthulhu-eternal.css
View File

@@ -3087,21 +3087,6 @@ i.fvtt-cthulhu-eternal {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1);
}
.dice-roll .intro-chat .intro-right ul .nudge-roll {
font-size: calc(var(--font-size-standard) * 1);
margin-left: 2rem;
display: none;
}
.dice-roll .intro-chat .intro-right ul .healing-roll {
font-size: calc(var(--font-size-standard) * 1);
margin-left: 2rem;
display: none;
}
.dice-roll .intro-chat .intro-right ul .roll-damage {
font-size: calc(var(--font-size-standard) * 1);
margin-left: 2rem;
display: none;
}
.dice-roll .intro-chat .intro-right ul .result-success {
color: var(--color-success);
font-family: var(--font-title);
@@ -3136,3 +3121,197 @@ i.fvtt-cthulhu-eternal {
font-size: calc(var(--font-size-standard) * 1.2);
text-shadow: 0 0 10px var(--color-shadow-primary);
}
.dice-roll .chat-actions {
display: flex;
flex-wrap: wrap;
gap: 0.375rem;
padding: 0.5rem;
margin-top: 0.5rem;
border-top: 1px solid var(--color-border-light-primary);
background: rgba(0, 0, 0, 0.05);
border-radius: 0 0 5px 5px;
justify-content: center;
}
.dice-roll .chat-actions .chat-action-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
padding: 0 !important;
margin: 0 !important;
background: var(--color-dark-6);
color: var(--color-light-1);
border: 1px solid var(--color-border-light-primary);
border-radius: 3px;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
line-height: 1;
}
.dice-roll .chat-actions .chat-action-button:hover {
background: var(--color-dark-5);
border-color: var(--color-border-dark);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
transform: translateY(-1px);
}
.dice-roll .chat-actions .chat-action-button i {
font-size: 1rem !important;
line-height: 1;
display: block;
margin: 0;
}
.dice-roll .chat-actions .nudge-roll,
.dice-roll .chat-actions .damage-roll,
.dice-roll .chat-actions .healing-roll,
.dice-roll .chat-actions .opposed-roll {
display: none;
}
.opposed-roll-result {
padding: 1rem;
background: rgba(0, 0, 0, 0.05);
border-radius: 5px;
font-family: var(--font-primary);
}
.opposed-roll-result .opposed-header {
text-align: center;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--color-border-light-primary);
}
.opposed-roll-result .opposed-header h3 {
margin: 0;
font-family: var(--font-title);
font-size: calc(var(--font-size-standard) * 1.2);
color: var(--color-dark-1);
}
.opposed-roll-result .opposed-content {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1rem;
}
.opposed-roll-result .opposed-winner,
.opposed-roll-result .opposed-loser {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem;
border-radius: 5px;
}
.opposed-roll-result .opposed-winner {
background: rgba(34, 139, 34, 0.1);
border: 2px solid var(--color-success);
}
.opposed-roll-result .opposed-loser {
background: rgba(220, 20, 60, 0.1);
border: 2px solid var(--color-failure);
}
.opposed-roll-result .character-info {
display: flex;
align-items: center;
gap: 0.75rem;
}
.opposed-roll-result .character-info img {
width: 48px;
height: 48px;
border-radius: 50%;
border: 2px solid var(--color-border-light-primary);
}
.opposed-roll-result .character-info .character-name {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.opposed-roll-result .character-info .character-name strong {
font-size: calc(var(--font-size-standard) * 0.85);
text-transform: uppercase;
color: var(--color-dark-2);
}
.opposed-roll-result .character-info .character-name .winner-name {
font-size: calc(var(--font-size-standard) * 1.1);
font-weight: bold;
color: var(--color-success);
}
.opposed-roll-result .character-info .character-name .loser-name {
font-size: calc(var(--font-size-standard) * 1.1);
font-weight: bold;
color: var(--color-failure);
}
.opposed-roll-result .roll-result {
display: flex;
align-items: center;
gap: 0.5rem;
}
.opposed-roll-result .roll-result .roll-value {
font-size: calc(var(--font-size-standard) * 1.5);
font-weight: bold;
font-family: var(--font-title);
}
.opposed-roll-result .roll-result .critical-badge {
padding: 0.25rem 0.5rem;
border-radius: 3px;
font-size: calc(var(--font-size-standard) * 0.8);
font-weight: bold;
text-transform: uppercase;
background: var(--color-critical-success);
color: white;
}
.opposed-roll-result .winner-result .roll-value {
color: var(--color-success);
}
.opposed-roll-result .loser-result .roll-value {
color: var(--color-failure);
}
.opposed-roll-result .versus-separator {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.5rem 0;
font-size: calc(var(--font-size-standard) * 1.1);
font-weight: bold;
color: var(--color-dark-2);
}
.opposed-roll-result .versus-separator i {
font-size: calc(var(--font-size-standard) * 1.3);
}
.opposed-roll-result .chat-actions {
display: flex;
justify-content: center;
gap: 0.375rem;
padding: 0.75rem;
margin-top: 0.5rem;
border-top: 1px solid var(--color-border-light-primary);
background: rgba(0, 0, 0, 0.05);
border-radius: 0 0 5px 5px;
}
.opposed-roll-result .chat-actions .chat-action-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
padding: 0 !important;
margin: 0 !important;
background: var(--color-dark-6);
color: var(--color-light-1);
border: 1px solid var(--color-border-light-primary);
border-radius: 3px;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
line-height: 1;
}
.opposed-roll-result .chat-actions .chat-action-button:hover {
background: var(--color-dark-5);
border-color: var(--color-border-dark);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
transform: translateY(-1px);
}
.opposed-roll-result .chat-actions .chat-action-button i {
font-size: 1rem !important;
line-height: 1;
display: block;
margin: 0;
}