cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-04-23 16:03:39 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fixed on CC and sheet

Browse source
This commit is contained in:
Nikhil Nagarajan 2026-03-18 10:16:33 -04:00
parent ad8caabf71
commit 4238391992
2 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
styles/less/dialog/character-creation/selections-container.less
View file

@ -240,12 +240,17 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
gap: 8px; gap: 2px; //gap reduced to accomadate new font size and keep the same overall spacing between trait containers
.trait-container { .trait-container {
width: 60px; span {
height: 60px; font-size: var(--font-size-10); // reduced font size to fit inside the smaller shield and maintain readability
}
width: 65px; //width and height increased to accomadate font size
height: 65px;
background: url(../assets/svg/trait-shield.svg) no-repeat; background: url(../assets/svg/trait-shield.svg) no-repeat;
background-size: 100%; //scaling the shield to fit the container
padding-right:2px; // trait-shield is not centered so a quick padding fix for centered text
div { div {
filter: drop-shadow(0 0 3px black); filter: drop-shadow(0 0 3px black);

13
styles/less/sheets-settings/character-settings/sheet.less
View file

@ -20,16 +20,23 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
gap: 8px; gap: 2px; //gap reduced to accomadate new font size and keep the same overall spacing between trait containers
.trait-container { .trait-container {
width: 60px; width: 65px; //width and height increased to accomadate font size
height: 60px; height: 65px;
background: url(../assets/svg/trait-shield.svg) no-repeat; background: url(../assets/svg/trait-shield.svg) no-repeat;
background-size: 100%; //scaling the shield to fit the container
padding-right: 2px; //to fix the trait-shield not being centered
padding-top: 4px; //aligning the text properly
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
span{
font-size: var(--font-size-10); // font size decreased to fit inside the shield and maintain readability
}
div { div {
filter: drop-shadow(0 0 3px black); filter: drop-shadow(0 0 3px black);
text-shadow: 0 0 3px black; text-shadow: 0 0 3px black;