Fixes and features

- Fixed Peculiarities attribute
- Added first block of stats for NPC
- Added new translation strings
This commit is contained in:
vincenzov01
2025-04-24 20:21:50 +02:00
parent ecaeb1a99b
commit 0c79829a3e
3 changed files with 208 additions and 17 deletions
+138 -14
View File
@@ -9,6 +9,7 @@
background-repeat: no-repeat;
min-width: 980px;
padding-top: 10px;
padding-bottom: 10px;
}
/*----------------- TEMPLATE CSS -----------------*/
@@ -46,21 +47,8 @@
display: block;
}
.pgsheet {
}
.npcsheet {
}
.vehiclesheet {
}
.shipsheet {
}
.template {
margin-bottom: 10px;
width: 900px;
clip-path: polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));
background-color: rgba(0, 0, 0, 0.7);
display: grid;
@@ -147,7 +135,7 @@ span.sheet-toggle-show{
color: white;
}
/*------------- Tab CSS ----------------------------*/
/*------------- Tab CSS ----------------*/
/* configure the tab buttons */
.charsheet .sheet-character, .charsheet .sheet-powers, .charsheet .sheet-biography {
@@ -1205,3 +1193,139 @@ label.rendita {
justify-self: flex-end;
align-self: center;
}
/*---------- NPC SHEET ----------*/
.npc {
display: grid;
justify-self: center;
grid-gap: 4px;
grid-template-columns: 300px 300px 300px;
grid-template-rows: min-content auto;
grid-template-areas:
"stats stats azioni"
"tratti poteri reazioni";
}
.npc .npc_stats{
padding: 20px;
grid-area: stats;
display: grid;
grid-row-gap: 4px;
grid-column-gap: 4px;
grid-template-areas:
"nome nome nome nome"
"tipo taglia natura ."
"livellolabel livelloinput minaccialabel minacciainput"
"pvlabel pvinput velocitalabel velocitainput"
"difesalabel difesainput armaturalabel armaturainput";
grid-template-columns: repeat(4, 75px);
}
.npc label {
justify-self: center;
align-self: center;
margin: unset;
}
.npc input {
width: auto !important;
max-height: 20px;
align-self: center;
margin:unset;
}
.npc select {
width: auto;
max-height: 20px;
margin-bottom: auto;
padding: 0px;
}
.npc input.nome {
grid-area: nome;
width: auto;
}
.npc .tipo{
grid-area: tipo;
}
.npc .taglia{
grid-area: taglia;
}
.npc .natura{
grid-area: natura;
}
.npc label.livello {
grid-area: livellolabel;
}
.npc input.livello {
grid-area: livelloinput;
}
.npc label.minaccia {
grid-area: minaccialabel;
}
.npc select.minaccia {
grid-area: minacciainput;
}
.npc label.puntivitalita {
grid-area: pvlabel;
grid-area: pvlabel;
position: unset;
margin: unset;
text-align: center;
}
.npc input.puntivitalita {
grid-area: pvinput;
margin: unset;
}
.npc label.velocita {
grid-area: velocitalabel;
}
.npc input.velocita {
grid-area: velocitainput;
}
.npc label.difesa {
grid-area: difesalabel;
}
.npc input.difesa {
grid-area: difesainput;
}
.npc label.armatura {
grid-area: armaturalabel;
}
.npc input.armatura {
grid-area: armaturainput;
}
.npc .npc_tratti {
grid-area: tratti;
}
.npc .npc_azioni {
grid-area: azioni;
}
.npc .npc_poteri {
grid-area: poteri;
}
.npc .npc_reazioni {
grid-area: reazioni;
}
+54 -2
View File
@@ -699,8 +699,8 @@
<label data-i18n="indole-label" class="indole">Indole</label>
<textarea class="descrizione" name="attr_indole" type="text"></textarea>
<label data-i18n="peculiarita-label" class="peculiarita">Peculiarita</label>
<textarea class="descrizione" nome="attr_peculiarita" type="text"></textarea>
<label data-i18n="peculiarita-label" class="peculiarita">Peculiarità</label>
<textarea class="descrizione" name="attr_peculiarita" type="text"></textarea>
<label data-i18n="ideali-label" class="ideali">Ideali</label>
<textarea class="descrizione" name="attr_ideali" type="text"></textarea>
@@ -744,6 +744,58 @@
</div>
<div class="npcsheet">
<div class="npc section">
<div class="npc_stats">
<input data-i18n-placeholder="nomecreatura-placeholder" class="nome" name="attr_nome" type="text" aria-placeholder="Nome Creatura">
<input data-i18n-placeholder="tipo-label" class="tipo" aria-placeholder="Tipo">
<select class="taglia" name="attr_taglia">
<option data-i18n="minuscola-option">Minuscola</option>
<option data-i18n="piccola-option">Piccola</option>
<option data-i18n="media-option">Media</option>
<option data-i18n="grande-option">Grande</option>
<option data-i18n="enorme-option">Enorme</option>
<option data-i18n="colossale-option">Colossale</option>
</select>
<input data-i18n-placeholder="natura-label" class="natura" aria-placeholder="Natura">
<label data-i18n="livello-label" class="livello"></label>
<input class="livello" name="attr_livello" type="text">
<label data-i18n="minaccia-label" class="minaccia"></label>
<select class="minaccia" name="attr_npc_minaccia">
<option data-i18n="bassa-option">Bassa</option>
<option data-i18n="moderata-option">Moderata</option>
<option data-i18n="alta-option">Alta</option>
<option data-i18n="estrema-option">Estrema</option>
</select>
<label data-i18n="puntivitalità-label" class="puntivitalita">Punti Vitalità</label>
<input class="puntivitalita" name="attr_puntivitalità" type="number">
<label data-i18n="velocità-label" class="velocita">Velocità</label>
<input class="velocita" name="attr_velocità" type="number">
<label data-i18n="difesa-label" class="difesa">Difesa</label>
<input class="difesa" name="attr_difesa" type="number">
<label data-i18n="armatura-label" class="armatura">Armatura</label>
<input class="armatura" name="attr_armatura" type="number">
</div>
<div class="npc_tratti">
</div>
<div class="npc_azioni">
</div>
<div class="npc_poteri">
</div>
<div class="npc_reazioni">
</div>
</div>
</div>
<div class="vehiclesheet">
@@ -168,5 +168,20 @@
"ideali-label": "Ideals",
"legami-label": "Bonds",
"difetti-label": "Flaws",
"altro-label": "Other"
"altro-label": "Other",
"nomecreatura-placeholder": "Creature Name",
"livello-label": "Level",
"minaccia-label": "Threat",
"tipo-label": "Type",
"taglia-label": "Size",
"minuscola-option":"Tiny",
"piccola-option":"Small",
"media-option":"Medium",
"grande-option":"Large",
"enorme-option":"Huge",
"colossale-option":"Gargantuan",
"bassa-option":"Low",
"moderata-option":"Moderate",
"alta-option":"High",
"estrema-option":"Extreme"
}