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

Added action tokens and Request functionality

Browse source
This commit is contained in:
WBHarry 2025-06-06 21:09:14 +02:00
parent 0f77697614
commit 0ca0ab360e
14 changed files with 340 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

51
styles/daggerheart.css
View file

@ -1322,16 +1322,50 @@
flex: 0 0 var(--input-height);
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
.combat-sidebar .token-actions .action-tokens {
display: flex;
gap: 4px;
}
.combat-sidebar .token-actions .action-tokens .action-token {
height: 24px;
border: 1px solid;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
padding: 8px;
--button-size: 0;
}
.combat-sidebar .token-actions .action-tokens .action-token.used {
opacity: 0.5;
}
.combat-sidebar .token-actions button {
font-size: 22px;
}
.combat-sidebar .token-actions button:hover {
.combat-sidebar .token-actions button.main {
background: var(--button-hover-background-color);
color: var(--button-hover-text-color);
border-color: var(--button-hover-border-color);
}
.combat-sidebar .token-actions button.main:hover {
filter: drop-shadow(0 0 3px var(--button-hover-text-color));
}
.combat-sidebar .token-actions button.discrete:hover {
background: inherit;
}
.combat-sidebar .token-actions .combatant-control:focus {
outline: none;
box-shadow: none;
}
.combat-sidebar .token-actions .combatant-control.requesting {
filter: drop-shadow(0 0 3px gold);
color: var(--button-hover-text-color);
}
.chat-message.duality {
border-color: black;
padding: 8px 0 0 0;
@ -3171,6 +3205,19 @@ div.daggerheart.views.multiclass {
.application.setting.dh-style footer button {
flex: 1;
}
.application.setting.dh-style .form-group {
display: flex;
justify-content: space-between;
align-items: center;
}
.application.setting.dh-style .form-group label {
font-size: 16px;
}
.application.setting.dh-style .form-group .form-fields {
display: flex;
gap: 4px;
align-items: center;
}
.system-daggerheart .tagify {
background: light-dark(transparent, transparent);
border: 1px solid light-dark(#222, #efe6d8);

16
styles/less/global/elements.less
View file

@ -212,6 +212,22 @@
flex: 1;
}
}
.form-group {
display: flex;
justify-content: space-between;
align-items: center;
label {
font-size: 16px;
}
.form-fields {
display: flex;
gap: 4px;
align-items: center;
}
}
}
.system-daggerheart {

47
styles/ui.less
View file

@ -103,16 +103,59 @@
flex: 0 0 var(--input-height);
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
.action-tokens {
display: flex;
gap: 4px;
.action-token {
height: 24px;
border: 1px solid;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
padding: 8px;
--button-size: 0;
&.used {
opacity: 0.5;
}
}
}
button {
font-size: 22px;
&:hover {
&.main {
background: var(--button-hover-background-color);
color: var(--button-hover-text-color);
border-color: var(--button-hover-border-color);
&:hover {
filter: drop-shadow(0 0 3px var(--button-hover-text-color));
}
}
&.discrete:hover {
background: inherit;
}
}
.combatant-control {
&:focus {
outline: none;
box-shadow: none;
}
&.requesting {
filter: drop-shadow(0 0 3px gold);
color: var(--button-hover-text-color);
}
}
}
}