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

Style improvements

Browse source
This commit is contained in:
WBHarry 2025-06-06 23:14:07 +02:00
parent 92b4bfd741
commit 19a71a6a7f
3 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

9
styles/daggerheart.css
View file

@ -1321,7 +1321,7 @@
.combat-sidebar .token-actions { .combat-sidebar .token-actions {
align-self: stretch; align-self: stretch;
display: flex; display: flex;
align-items: center; align-items: top;
justify-content: center; justify-content: center;
gap: 16px; gap: 16px;
} }
@ -1332,7 +1332,7 @@
.combat-sidebar .token-actions .action-tokens .action-token { .combat-sidebar .token-actions .action-tokens .action-token {
height: 24px; height: 24px;
border: 1px solid; border: 1px solid;
border-radius: 8px; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -1342,9 +1342,12 @@
} }
.combat-sidebar .token-actions .action-tokens .action-token.used { .combat-sidebar .token-actions .action-tokens .action-token.used {
opacity: 0.5; opacity: 0.5;
background: transparent;
} }
.combat-sidebar .token-actions button { .combat-sidebar .token-actions button {
font-size: 22px; font-size: 22px;
height: 24px;
width: 24px;
} }
.combat-sidebar .token-actions button.main { .combat-sidebar .token-actions button.main {
background: var(--button-hover-background-color); background: var(--button-hover-background-color);
@ -1365,7 +1368,7 @@
filter: drop-shadow(0 0 3px gold); filter: drop-shadow(0 0 3px gold);
color: var(--button-hover-text-color); color: var(--button-hover-text-color);
} }
.combat-sidebar h5 { .combat-sidebar h4 {
margin: 0; margin: 0;
text-align: center; text-align: center;
} }

9
styles/ui.less
View file

@ -33,7 +33,7 @@
.token-actions { .token-actions {
align-self: stretch; align-self: stretch;
display: flex; display: flex;
align-items: center; align-items: top;
justify-content: center; justify-content: center;
gap: 16px; gap: 16px;
@ -44,7 +44,7 @@
.action-token { .action-token {
height: 24px; height: 24px;
border: 1px solid; border: 1px solid;
border-radius: 8px; border-radius: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -54,12 +54,15 @@
&.used { &.used {
opacity: 0.5; opacity: 0.5;
background: transparent;
} }
} }
} }
button { button {
font-size: 22px; font-size: 22px;
height: 24px;
width: 24px;
&.main { &.main {
background: var(--button-hover-background-color); background: var(--button-hover-background-color);
@ -89,7 +92,7 @@
} }
} }
h5 { h4 {
margin: 0; margin: 0;
text-align: center; text-align: center;
} }

2
templates/ui/combat/combatTrackerSection.hbs
View file

@ -1,5 +1,5 @@
<div> <div>
<h5>{{title}}</h5> <h4 class="divider">{{title}}</h4>
<ol class="combat-tracker plain"> <ol class="combat-tracker plain">
{{#each turns}} {{#each turns}}
<li class="combatant {{ css }}" data-combatant-id="{{ id }}" data-action="activateCombatant"> <li class="combatant {{ css }}" data-combatant-id="{{ id }}" data-action="activateCombatant">