Remove some unecessary inputs and info from rolltemplates. Rework some styles that were unresponsive.

Removed an unnecessary textarea and some inputs that were being useless and cleaned cluttered information on abilities rolltemplates. Fixed some css styles that weren't responsive and often broke the sheet depending on the size of the window.
This commit is contained in:
ap.gabriel.p
2025-08-09 10:54:43 -03:00
parent 6997b17766
commit e95cd5e503
2 changed files with 64 additions and 56 deletions
+8 -3
View File
@@ -211,7 +211,7 @@ label, input, button, select, textarea {
.Nivel_P__Label {
background: var(--boxbg);
border-radius: 10px 10px 0px 0px;
border-radius: 7px 7px 0px 0px;
padding-block: 0.3rem;
width: 100%;
}
@@ -543,7 +543,7 @@ label, input, button, select, textarea {
}
.Deslocamento__Label {
background: var(--boxbg);
border-radius: 10px 10px 0 0;
border-radius: 7px 7px 0 0;
padding-block: 0.3rem;
width: 100%;
}
@@ -765,9 +765,13 @@ label, input, button, select, textarea {
border-bottom: none;
display: flex;
flex-direction: column;
padding-bottom: 0.1rem;
padding-bottom: 0.27rem;
width: 100%;
}
.Inventory__Box--Last {
border-bottom: solid thin var(--boxborder);
border-radius: 0px 0px 10px 10px;
}
.Inventory__Label {
background: var(--boxbg);
border-radius: 7px 7px 0 0;
@@ -990,6 +994,7 @@ label, input, button, select, textarea {
padding-block: 0.2rem;
width: 100%;
}
.charsheet .HabilidadesCard__Label {
text-align: left;
margin-left: 3%;
+56 -53
View File
@@ -587,10 +587,10 @@
<!-- POSSES -->
<div class="Inventory__Box First__Box">
<label for="posses" class="Inventory__Label OpenSans">POSSES</label>
<textarea name="attr_posses" rows="18" class="Inventory__Textarea OpenSans"></textarea>
<textarea name="attr_posses" rows="28" class="Inventory__Textarea OpenSans"></textarea>
</div>
<!-- RECURSOS -->
<div class="Inventory__Box">
<div class="Inventory__Box Inventory__Box--Last">
<label for="recursos" class="Inventory__Label Square__Label OpenSans">RECURSOS</label>
<div class="Resource__Wrap">
<div class="Resource__Column ResourceButton">
@@ -601,6 +601,8 @@
<button type="roll" name="roll_danoCheck" size="1" class="Armas__Input Armas__Button OpenSans" value="&{template:3dxrecurso} {{namepdj=@{personagem}}} {{nomerecurso=@{recurso4}}} {{nomequant=(@{recursoquantidadeatual4})}} {{macrocalculo=[[1d6]]}}"></button>
<button type="roll" name="roll_danoCheck" size="1" class="Armas__Input Armas__Button OpenSans" value="&{template:3dxrecurso} {{namepdj=@{personagem}}} {{nomerecurso=@{recurso5}}} {{nomequant=(@{recursoquantidadeatual5})}} {{macrocalculo=[[1d6]]}}"></button>
<button type="roll" name="roll_danoCheck" size="1" class="Armas__Input Armas__Button OpenSans" value="&{template:3dxrecurso} {{namepdj=@{personagem}}} {{nomerecurso=@{recurso6}}} {{nomequant=(@{recursoquantidadeatual6})}} {{macrocalculo=[[1d6]]}}"></button>
<button type="roll" name="roll_danoCheck" size="1" class="Armas__Input Armas__Button OpenSans" value="&{template:3dxrecurso} {{namepdj=@{personagem}}} {{nomerecurso=@{recurso7}}} {{nomequant=(@{recursoquantidadeatual7})}} {{macrocalculo=[[1d6]]}}"></button>
<button type="roll" name="roll_danoCheck" size="1" class="Armas__Input Armas__Button OpenSans" value="&{template:3dxrecurso} {{namepdj=@{personagem}}} {{nomerecurso=@{recurso8}}} {{nomequant=(@{recursoquantidadeatual8})}} {{macrocalculo=[[1d6]]}}"></button>
</div>
<div class="Resource__Column ResourceNome">
<label for="nome" class="Resource__Label OpenSans" id="subtitle">NOME</label>
@@ -610,6 +612,8 @@
<input type="text" name="attr_recurso4" size="1" class="Resource__Input OpenSans">
<input type="text" name="attr_recurso5" size="1" class="Resource__Input OpenSans">
<input type="text" name="attr_recurso6" size="1" class="Resource__Input OpenSans">
<input type="text" name="attr_recurso7" size="1" class="Resource__Input OpenSans">
<input type="text" name="attr_recurso8" size="1" class="Resource__Input OpenSans">
</div>
<div class="Resource__Column ResourceQuant" style="margin-right: 0.5rem">
<label for="botao" class="Resource__Label OpenSans" id="subtitle">MIN.</label>
@@ -620,6 +624,8 @@
<input type="text" name="attr_recursoquantidadeatual4" size="1" class="Resource__Input OpenSans" id="resizeresourceinput">
<input type="text" name="attr_recursoquantidadeatual5" size="1" class="Resource__Input OpenSans" id="resizeresourceinput">
<input type="text" name="attr_recursoquantidadeatual6" size="1" class="Resource__Input OpenSans" id="resizeresourceinput">
<input type="text" name="attr_recursoquantidadeatual7" size="1" class="Resource__Input OpenSans" id="resizeresourceinput">
<input type="text" name="attr_recursoquantidadeatual8" size="1" class="Resource__Input OpenSans" id="resizeresourceinput">
</div>
</div>
<div class="Resource__Column ResourceQuant">
@@ -631,21 +637,18 @@
<input type="text" name="attr_recursoquantidademaxima4" size="1" class="Resource__Input OpenSans" id="resizeresourceinput" value="3">
<input type="text" name="attr_recursoquantidademaxima5" size="1" class="Resource__Input OpenSans" id="resizeresourceinput" value="3">
<input type="text" name="attr_recursoquantidademaxima6" size="1" class="Resource__Input OpenSans" id="resizeresourceinput" value="3">
<input type="text" name="attr_recursoquantidademaxima7" size="1" class="Resource__Input OpenSans" id="resizeresourceinput" value="3">
<input type="text" name="attr_recursoquantidademaxima8" size="1" class="Resource__Input OpenSans" id="resizeresourceinput" value="3">
</div>
</div>
</div>
</div>
<!-- ANOTAÇÕES -->
<div class="Inventory__Box Last__Box Bottom__Line">
<label for="anotacoes" class="Inventory__Label Square__Label OpenSans">ANOTAÇÕES</label>
<textarea name="attr_anotacoes" rows="11" class="Inventory__Textarea OpenSans"></textarea>
</div>
</div>
<!-- INVENTÁRIO END -->
<!-- HABILIDADES START -->
<div class="Habilidades__Section">
<div class="Habilidades__Box">
<label for="habilidades" class="Habilidades__Label OpenSans">HABILIDADES</label>
<label for="habilidades" class="Habilidades__Label OpenSans">ANOTAÇÕES</label>
<textarea name="attr_habilidades" rows="47" class="Habilidades__Input OpenSans LeftAlign"></textarea>
</div>
</div>
@@ -666,7 +669,7 @@
<!-- HABILIDADES CARD 1 START -->
<div class="charsheet HabilidadesCard__Div">
<label name="attr_habilidadenome1" size="1" class="charsheet HabilidadesCard__Nome OpenSans" id="resizeresourceinput">HABILIDADE</label>
<button type="roll" name="roll_habilidade" size="1" class="charsheet HabilidadesCard__Button OpenSans" style="padding-block: 0.3rem;" value="&{template:3dxhabilidade} {{namepdj=@{personagem}}} {{nomehab=@{habilidadenome1}}} {{requisito=@{habilidaderequisito1}}} {{efeito=@{habilidadeefeito1}}} {{limitacao=@{habilidadelimitacao1}}} {{proficiencianome=@{habilidadeproficiencianome1}}} {{proficiencia=[[@{habilidadeproficiencia1}]]}} {{danonomea=@{habilidadedanonome1}}} {{danoa=[[@{habilidadedano1}]]}} {{danonomeb=@{habilidadedanonome2}}} {{danob=[[@{habilidadedano2}]]}} {{danonomec=@{habilidadedanonome3}}} {{danoc=[[@{habilidadedano3}]]}} {{curanome=@{habilidadecuranome1}}} {{cura=[[@{habilidadecura1}]]}} {{recursonome=@{habilidaderecursonome1}}} {{recurso=[[@{habilidaderecurso1}]]}} {{imagem=[img](@{habilidadeimagem1})}}">
<button type="roll" name="roll_habilidade" size="1" class="charsheet HabilidadesCard__Button OpenSans" style="padding-block: 0.3rem;" value="&{template:3dxhabilidade} {{namepdj=@{personagem}}} {{nomehab=@{habilidadenome1}}} {{proficiencianome=@{habilidadeproficiencianome1}}} {{proficiencia=[[@{habilidadeproficiencia1}]]}} {{danonomea=@{habilidadedanonome1}}} {{danoa=[[@{habilidadedano1}]]}} {{danonomeb=@{habilidadedanonome2}}} {{danob=[[@{habilidadedano2}]]}} {{curanome=@{habilidadecuranome1}}} {{cura=[[@{habilidadecura1}]]}} {{recursonome=@{habilidaderecursonome1}}} {{recurso=[[@{habilidaderecurso1}]]}} {{imagem=[img](@{habilidadeimagem1})}}">
<span class="charsheet HabilidadesCard__Button--Text OpenSans">Lançar</span>
</button>
<div class="charsheet HabilidadesCard__Wrapper">
@@ -674,6 +677,21 @@
<label class="charsheet HabilidadesCard__Label OpenSans">Nome:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadenome1" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Tipo:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadetipo1" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Fonte:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadefonte1" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Usos:</label>
<div class="charsheet HabilidadesCard__InputWrapper">
<input class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadelimitacaonome1" rows="1" id="resizeresourceinput" placeholder="Nº máximo de usos">
<input class="charsheet HabilidadesCard__Input2 OpenSans" type="text" name="attr_habilidadelimitacao1" size="1" id="resizeresourceinput" placeholder="Nº Atual">
</div>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Gatilho:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidaderequisito1" rows="2" id="resizeresourceinput" placeholder="Inserir"></textarea>
@@ -683,11 +701,12 @@
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadeefeito1" rows="6" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Usos:</label>
<div class="charsheet HabilidadesCard__InputWrapper">
<input class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadelimitacaonome1" rows="1" id="resizeresourceinput" placeholder="Nº máximo de usos">
<input class="charsheet HabilidadesCard__Input2 OpenSans" type="text" name="attr_habilidadelimitacao1" size="1" id="resizeresourceinput" placeholder="Nº Atual">
</div>
<label class="charsheet HabilidadesCard__Label OpenSans">Alcance:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadealcance1" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Area:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadearea1" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Proficiência:</label>
@@ -710,13 +729,6 @@
<input class="charsheet HabilidadesCard__Input2 OpenSans" type="text" name="attr_habilidadedano2" size="1" id="resizeresourceinput" value="0d6">
</div>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Dano 3:</label>
<div class="charsheet HabilidadesCard__InputWrapper">
<input class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadedanonome3" size="1" id="resizeresourceinput" placeholder="Inserir">
<input class="charsheet HabilidadesCard__Input2 OpenSans" type="text" name="attr_habilidadedano3" size="1" id="resizeresourceinput" value="0d6">
</div>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Restauração:</label>
<div class="charsheet HabilidadesCard__InputWrapper">
@@ -741,7 +753,7 @@
<!-- HABILIDADES CARD 2 START -->
<div class="charsheet HabilidadesCard__Div">
<label name="attr_habilidadenome2" size="1" class="charsheet HabilidadesCard__Nome OpenSans" id="resizeresourceinput"> HABILIDADE</label>
<button type="roll" name="roll_habilidade" size="1" class="charsheet HabilidadesCard__Button OpenSans" style="padding-block: 0.3rem;" value="&{template:3dxhabilidade} {{namepdj=@{personagem}}} {{nomehab=@{habilidadenome2}}} {{requisito=@{habilidaderequisito2}}} {{efeito=@{habilidadeefeito2}}} {{limitacao=@{habilidadelimitacao2}}} {{proficiencianome=@{habilidadeproficiencianome2}}} {{proficiencia=[[@{habilidadeproficiencia2}]]}} {{danonomea=@{habilidadedanonome4}}} {{danoa=[[@{habilidadedano4}]]}} {{danonomeb=@{habilidadedanonome5}}} {{danob=[[@{habilidadedano5}]]}} {{danonomec=@{habilidadedanonome6}}} {{danoc=[[@{habilidadedano6}]]}} {{curanome=@{habilidadecuranome2}}} {{cura=[[@{habilidadecura2}]]}} {{recursonome=@{habilidaderecursonome2}}} {{recurso=[[@{habilidaderecurso2}]]}} {{imagem=[img](@{habilidadeimagem2})}}">
<button type="roll" name="roll_habilidade" size="1" class="charsheet HabilidadesCard__Button OpenSans" style="padding-block: 0.3rem;" value="&{template:3dxhabilidade} {{namepdj=@{personagem}}} {{nomehab=@{habilidadenome2}}} {{proficiencianome=@{habilidadeproficiencianome2}}} {{proficiencia=[[@{habilidadeproficiencia2}]]}} {{danonomea=@{habilidadedanonome4}}} {{danoa=[[@{habilidadedano4}]]}} {{danonomeb=@{habilidadedanonome5}}} {{danob=[[@{habilidadedano5}]]}} {{curanome=@{habilidadecuranome2}}} {{cura=[[@{habilidadecura2}]]}} {{recursonome=@{habilidaderecursonome2}}} {{recurso=[[@{habilidaderecurso2}]]}} {{imagem=[img](@{habilidadeimagem2})}}">
<span class="charsheet HabilidadesCard__Button--Text OpenSans">Lançar</span>
</button>
<div class="charsheet HabilidadesCard__Wrapper">
@@ -749,6 +761,21 @@
<label class="charsheet HabilidadesCard__Label OpenSans">Nome:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadenome2" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Tipo:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadetipo2" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Fonte:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadefonte2" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Usos:</label>
<div class="charsheet HabilidadesCard__InputWrapper">
<input class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadelimitacaonome2" rows="1" id="resizeresourceinput" placeholder="Nº máximo de usos">
<input class="charsheet HabilidadesCard__Input2 OpenSans" type="text" name="attr_habilidadelimitacao2" size="1" id="resizeresourceinput" placeholder="Nº Atual">
</div>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Gatilho:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidaderequisito2" rows="2" id="resizeresourceinput" placeholder="Inserir"></textarea>
@@ -758,11 +785,12 @@
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadeefeito2" rows="6" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Usos:</label>
<div class="charsheet HabilidadesCard__InputWrapper">
<input class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadelimitacaonome2" rows="1" id="resizeresourceinput" placeholder="Nº máximo de usos">
<input class="charsheet HabilidadesCard__Input2 OpenSans" type="text" name="attr_habilidadelimitacao2" size="1" id="resizeresourceinput" placeholder="Nº Atual">
</div>
<label class="charsheet HabilidadesCard__Label OpenSans">Alcance:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadealcance2" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Area:</label>
<textarea class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadearea2" rows="1" id="resizeresourceinput" placeholder="Inserir"></textarea>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Proficiência:</label>
@@ -785,13 +813,7 @@
<input class="charsheet HabilidadesCard__Input2 OpenSans" type="text" name="attr_habilidadedano5" size="1" id="resizeresourceinput" value="0d6">
</div>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Dano 3:</label>
<div class="charsheet HabilidadesCard__InputWrapper">
<input class="charsheet HabilidadesCard__Input OpenSans" type="text" name="attr_habilidadedanonome6" size="1" id="resizeresourceinput" placeholder="Inserir">
<input class="charsheet HabilidadesCard__Input2 OpenSans" type="text" name="attr_habilidadedano6" size="1" id="resizeresourceinput" value="0d6">
</div>
</div>
<div class="charsheet HabilidadesCard__Atributo">
<label class="charsheet HabilidadesCard__Label OpenSans">Restauração:</label>
<div class="charsheet HabilidadesCard__InputWrapper">
@@ -840,18 +862,6 @@
<span class="sheet-roll-desc">Nome</span>
<span class="sheet-roll-value">{{nomehab}}</span>
</div>
<div class="sheet-roll-attribute sheet-roll-attribute-second">
<span class="sheet-roll-desc">Gatilho</span>
<span class="sheet-roll-value">{{requisito}}</span>
</div>
<div class="sheet-roll-attribute sheet-roll-attribute-first">
<span class="sheet-roll-desc">Efeito</span>
<span class="sheet-roll-value">{{efeito}}</span>
</div>
<div class="sheet-roll-attribute sheet-roll-attribute-second">
<span class="sheet-roll-desc">Usos</span>
<span class="sheet-roll-value">{{limitacao}}</span>
</div>
<div class="sheet-roll-attribute sheet-roll-attribute-first">
<span class="sheet-roll-desc">Proficiência</span>
<div class="sheet-roll-value-wrapper">
@@ -874,13 +884,6 @@
<span class="sheet-roll-value-nome">{{danonomeb}}</span>
</div>
</div>
<div class="sheet-roll-attribute sheet-roll-attribute-second">
<span class="sheet-roll-desc">Dano 3</span>
<div class="sheet-roll-value-wrapper">
<span class="sheet-roll-value-roll">{{danoc}}</span>
<span class="sheet-roll-value-nome">{{danonomec}}</span>
</div>
</div>
<div class="sheet-roll-attribute sheet-roll-attribute-first">
<span class="sheet-roll-desc">Restauração</span>
<div class="sheet-roll-value-wrapper">