Largeur des compétences

Ajustement de la largeur des colonnes de compétenes en vue
simplifiée

Déplacement de l'en-tête dans la première ligne de la liste (avec les
boutons en vue détaillée)
This commit is contained in:
Vincent Vandemeulebrouck 2022-12-10 15:44:08 +01:00
parent 0202938910
commit 450cb8e899
2 changed files with 12 additions and 7 deletions

View File

@ -1011,6 +1011,9 @@ ul.list-item-margin6 li {
flex-grow: 0; flex-grow: 0;
flex-basis: 1; flex-basis: 1;
} }
div.competence-column div.categorie-competence{
width: 100%;
}
.competence-header { .competence-header {
align-content: flex-start; align-content: flex-start;
justify-content: flex-start; justify-content: flex-start;

View File

@ -1,12 +1,13 @@
{{#if competences}} {{#if competences}}
<div class="flex-shrink"> <div class="flex-shrink categorie-competence">
<header class="competence-header flexrow">
<span class="competence-title">{{categorie}}</span>
</header>
<ul class="item-list alterne-list competence-list"> <ul class="item-list alterne-list competence-list">
{{#if @root.options.vueDetaillee}}
<li class="item flexrow list-item "> <li class="item flexrow list-item ">
<span class="competence-label"></span> <span>
<header class="competence-header flexrow">
<span class="competence-title">{{categorie}}</span>
</header>
</span>
{{#if @root.options.vueDetaillee}}
<span class="competence-value" >Niv.</span> <span class="competence-value" >Niv.</span>
<span class="competence-xp">xp</span> <span class="competence-xp">xp</span>
{{#if (eq categorie 'Draconic')}} {{#if (eq categorie 'Draconic')}}
@ -20,11 +21,12 @@
<i class="far fa-trash"></i> <i class="far fa-trash"></i>
{{/if}} {{/if}}
</div> </div>
{{/if}}
</li> </li>
{{/if}}
{{#each competences as |comp key|}} {{#each competences as |comp key|}}
{{> "systems/foundryvtt-reve-de-dragon/templates/actor/competence.html" comp}} {{> "systems/foundryvtt-reve-de-dragon/templates/actor/competence.html" comp}}
{{/each}} {{/each}}
<li></li>
</ul> </ul>
</div> </div>
{{/if}} {{/if}}