Upgrade item sheets

This commit is contained in:
2024-12-03 13:51:38 +01:00
parent df8995f8b7
commit 9775ec9fa1
38 changed files with 1095 additions and 506 deletions

16
styles/equipment.less Normal file
View File

@ -0,0 +1,16 @@
.equipment-content {
.sheet-common();
.item-sheet-common();
.header {
display: flex;
img {
width: 50px;
height: 50px;
}
}
label {
flex: 10%;
}
}

View File

@ -12,6 +12,8 @@
@import "vulnerability.less";
@import "save.less";
@import "chat.less";
@import "equipment.less";
@import "shield.less";
}
@import "roll.less";

View File

@ -1,94 +1,26 @@
.gifts-content {
.gift-content {
.sheet-common();
.item-sheet-common();
.path-name {
.header {
display: flex;
justify-content: space-between;
.control {
margin: 5px;
}
img {
width: 50px;
height: 50px;
}
}
.path-main {
display: grid;
grid-template-columns: 2fr 2fr 1fr;
.profil {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.profil-gauche,
.profil-droite {
flex: 1; /* Chaque colonne prend la moitié de l'espace disponible */
padding: 10px; /* Espacement intérieur */
}
.profil-gauche {
margin-right: 10px; /* Espace entre les deux colonnes */
}
/* Optionnel : supprimer le margin-right sur la dernière colonne si vous avez besoin d'un espacement précis */
.profil-droite {
margin-right: 0;
}
.biens {
prose-mirror {
height: 100%;
}
}
.langues {
prose-mirror {
height: 100%;
}
}
.description {
prose-mirror.inactive {
min-height: 40px;
}
prose-mirror.active {
min-height: 150px;
}
grid-column: span 3;
}
input[type="checkbox"] {
font-size: var(--font-size-14);
width: 20px;
padding-top: 0;
}
.path-talents {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
.talent {
background-color: #f0f0f0;
padding: 5px;
border-radius: 5px;
.header {
display: flex;
justify-content: space-between;
.name {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.5);
padding-left: 20px;
}
.controls {
font-size: calc(var(--font-size-standard) * 0.8);
}
}
.progression {
display: flex;
justify-content: space-between;
padding-top: 10px;
}
.description {
font-size: calc(var(--font-size-standard) * 1);
}
}
input[type="checkbox"]:checked {
background-color: rgba(0, 0, 0, 0.1);
}
input[type="checkbox"]:checked::after {
color: rgba(0, 0, 0, 0.1);
}
}

View File

@ -1,5 +1,5 @@
:root {
--font-size-standard: 0.8125rem;
--font-size-standard: 1.0rem;
--background-image-base: url("../assets/parchment.jpg");
--font-secondary: "Amiri", serif;
--logo-standard: url("../assets/lethal-fantasy-logo.webp");
@ -35,7 +35,7 @@ i.lethalfantasy {
.application.dialog.lethalfantasy {
font-family: var(--font-primary);
font-size: calc(var(--font-size-standard) * 1.2);
font-size: calc(var(--font-size-standard) * 1.0);
background-image: var(--background-image-base);
button:hover {
background: var(--color-dark-6);

View File

@ -24,13 +24,13 @@
height: 50px;
margin-right: 10px;
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 2);
font-size: calc(var(--font-size-standard) * 1);
font-weight: bold;
border: none;
}
fieldset {
margin-bottom: 10px;
margin-bottom: 5px;
border-radius: 5px;
}
@ -38,17 +38,17 @@
input,
select {
text-align: center;
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1.0);
}
select {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1.0);
}
}
legend {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.2);
font-weight: bold;
letter-spacing: 1px;
}
@ -57,7 +57,7 @@
.character-sheet-common {
label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.4);
font-size: calc(var(--font-size-standard) * 1.2);
}
}
@ -68,7 +68,21 @@
label {
font-family: var(--font-secondary);
font-size: calc(var(--font-size-standard) * 1.6);
font-size: calc(var(--font-size-standard) * 1.0);
flex: 50%;
}
.align-top {
align-self: flex-start;
padding: 0.1rem;
margin-right: 0.2rem;
/*border-color: black;
border-width: 1px;
border-style: solid;
border-radius: 2%;*/
}
.shift-right {
margin-left: 2rem;
}
}

16
styles/shield.less Normal file
View File

@ -0,0 +1,16 @@
.shield-content {
.sheet-common();
.item-sheet-common();
.header {
display: flex;
img {
width: 50px;
height: 50px;
}
}
label {
flex: 10%;
}
}

View File

@ -14,8 +14,5 @@
flex: 10%;
}
input[name="system.consequenceA"], input[name="system.consequenceB"] {
font-size: calc(var(--font-size-standard) * 1.2);
}
}