From cb8c29382b2c366cd14c5d36bd2880119b980f61 Mon Sep 17 00:00:00 2001 From: Mandar Date: Thu, 26 Nov 2020 23:33:05 +0100 Subject: [PATCH] Clean Actor-sheet + add style for Status tab and adjustement for visual clean sheet --- styles/simple.css | 70 ++++- templates/actor-sheet.html | 606 +++++++++++++++++++++---------------- 2 files changed, 400 insertions(+), 276 deletions(-) diff --git a/styles/simple.css b/styles/simple.css index 4b5bb013..a2d18d65 100644 --- a/styles/simple.css +++ b/styles/simple.css @@ -63,15 +63,15 @@ .window-app { font-family: CaslonAntique; text-align: justify; - font-size: 15px; + font-size: 16px; letter-spacing: 1px; } /* Fonts */ -.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {font-family: "GoudyAcc"} -.sheet nav.sheet-tabs {font-family: "GoudyAcc";} +.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {font-family: "GoudyAcc"} /* For title, sidebar character and scene */ +.sheet nav.sheet-tabs {font-family: "CaslonAntique";} /* For nav and title */ .window-app input, .foundryvtt-reve-de-dragon .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { - font-family: "CaslonAntique"; + font-family: "CaslonAntique"; /* For sheet parts */ } .window-header{ @@ -83,7 +83,7 @@ padding: 0; } -.tabs .item.active, a:hover { +.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover { text-shadow: 1px 0px 0px #ff6600; } @@ -95,8 +95,7 @@ table {border: 1px solid #7a7971;} -.grid, -.grid-2col { +.grid, .grid-2col { display: grid; grid-column: span 2 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); @@ -420,7 +419,7 @@ nav.sheet-tabs .item:after { padding: 0; } -section.sheet-body:after, section.sheet-body div:after { +section.sheet-body:after { content: ""; display: block; clear: both; @@ -463,22 +462,63 @@ section.sheet-body:after, section.sheet-body div:after { /* Global UI elements */ /* ======================================== */ + +h1, h2, h3, h4 { + font-weight: bold; +} + +ul, ol { + margin: 0; + padding: 0; +} +ul, li { + list-style-type: none; +} + +.sheet li { + margin: 0.125rem; + padding: 0.25rem; +} +.header-fields li { + margin: 0; + padding: 0; +} + +.alterne-list > .list-item:hover { + background: rgba(100, 100, 50, 0.25); +} .alterne-list > .list-item:nth-child(even) { - background-color:#7b733b29; - background: #7b733b29; + background: rgba(80, 60, 0, 0.10); } .alterne-list > .list-item:nth-child(odd) { - background-color: #9e856a0d; - background: #9e856a0d; + background: rgb(160, 130, 100, 0.05); } + +.blessures-list ul { + display: flex; +} + +.blessures-list li { + flex: 1; + flex-basis: auto; +} +.blessures-list li ul li:first-child { + flex: 0; + align-items: center; + justify-content: center; + padding: 0.5rem; + cursor: pointer; +} + .carac-label { font-weight: bold; } .list-item { - margin: 2px 2px 2px 2px; + margin: 0.125rem; box-shadow: inset 0px 0px 1px #00000096; - border-radius: 5px; - padding: 2px 5px 0px 5px; + border-radius: 0.25rem; + padding: 0.125rem; + flex: 1 1 5rem; } .sheet-competence-img { width: 24px; diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html index 76906f3a..29d3d71b 100644 --- a/templates/actor-sheet.html +++ b/templates/actor-sheet.html @@ -109,41 +109,41 @@
-
    - {{#each data.carac as |carac key|}} -
  1. - {{#if carac.isTaille}} - {{carac.label}} - {{else}} - {{carac.label}} - {{/if}} - {{#if carac.derivee}} - +
      + {{#each data.carac as |carac key|}} +
    • + {{#if carac.isTaille}} + {{carac.label}} {{else}} - - + {{carac.label}} {{/if}} -
      • - {{/each}} -
    • - Total Caractéristiques - {{data.caracSum}} -
      • -
+ {{#if carac.derivee}} + + {{else}} + + + {{/if}} + + {{/each}} +
  • + Total Caractéristiques + {{data.caracSum}} +
    • +
    -
      - {{#each data.attributs as |attr key|}} -
    1. - {{attr.label}} : {{attr.value}} -
      2. - {{/each}} - {{#each data.sante as |point key|}} -
    2. - {{point.label}} : {{point.value}} / {{point.max}} -
      3. - {{/each}} -
    +
      + {{#each data.attributs as |attr key|}} +
    • + {{attr.label}} : {{attr.value}} +
      • + {{/each}} + {{#each data.sante as |point key|}} +
    • + {{point.label}} : {{point.value}} / {{point.max}} +
      • + {{/each}} +
    @@ -155,8 +155,8 @@
    Compétences de base
    -
      - {{#each data.competenceByCategory.generale as |comp key|}} +
    + {{/each}} +
    Compétences Particulières
    -
      - {{#each data.competenceByCategory.particuliere as |comp key|}} +
    + {{/each}} +
    Compétences Spécialisées
    -
      - {{#each data.competenceByCategory.specialisee as |comp key|}} +
    + {{/each}} +
    Compétences De Mêlée
    -
      - {{#each data.competenceByCategory.melee as |comp key|}} +
        + {{#each data.competenceByCategory.melee as |comp key|}}
      • {{comp.name}} @@ -220,16 +220,16 @@
        -
        +
    - {{/each}} - + {{/each}} +
    Compétences De Tir
    -
      - {{#each data.competenceByCategory.tir as |comp key|}} +
    + {{/each}} +
    Compétences De Lancer
    -
      +
    + {{/each}} +
    Connaissances
    -
      - {{#each data.competenceByCategory.connaissance as |comp key|}} +
    + {{/each}} +
    Draconic
    -
      +
    +
    -
      +
      • Total XP compétences {{data.competenceXPTotal}}
        • -
    -
    -
    + + {{!-- Combat Tab --}}
    -
      +
      • Armes Comp. @@ -326,156 +325,210 @@ {{numberFormat arme.data.dommages decimals=0 sign=true}}
        • {{/each}} -
    +
    {{!-- Compteurs/Blessures Tab --}}
    -
    -
      - {{#each data.compteurs as |compteur key|}} -
    1. - {{compteur.label}} - {{#if compteur.isInput}} - - {{#if compteur.isStress}} - Faire un jet de Stress - {{else}} - - {{/if}} - +
      +
        + {{#each data.compteurs as |compteur key|}} +
      • + {{compteur.label}} + {{#if compteur.isInput}} + + {{#if compteur.isStress}} + Faire un jet de Stress {{else}} - {{compteur.value}} + {{/if}} -
        • - {{/each}} -
    -
    -
    - Blessures Légeres : -
    + + {{else}} + {{compteur.value}} + {{/if}} + + {{/each}} + +
    + {{!-- Liste de blessures --}} +
    +

    Blessures Légeres :

    +
      {{#each data.blessures.legeres.liste as |bless key|}}
    • - {{#if bless.active}}{{else}}{{/if}} - Premiers soins - - Soins complets - - Jours - - Loc. +
        +
      • + {{#if bless.active}} + + {{else}} + + {{/if}} +
        • +
      • + Premiers soins + +
        • +
      • + Soins complets + +
        • +
      • + Jours + +
        • +
      • + Loc. + +
        • +
      • {{/each}} -
    - Blessures Graves : -
    + +

    Blessures Graves :

    +
      {{#each data.blessures.graves.liste as |bless key|}} -
    • - {{#if bless.active}}{{else}}{{/if}} - Premiers soins - - Soins complets - - Jours - - Loc. +
    • +
        +
      • + {{#if bless.active}} + + {{else}} + + {{/if}} +
        • +
      • + Premiers soins + +
        • +
      • + Soins complets + +
        • +
      • + Jours + +
        • +
      • + Loc. + +
        • +
      • {{/each}} -
    - Blessure Critique : -
    + +

    Blessure Critique :

    +
      {{#each data.blessures.critiques.liste as |bless key|}} -
    • - {{#if bless.active}}{{else}}{{/if}} - Premiers soins - - Soins complets - - Jours - - Loc. -
      • +
    • +
        +
      • + {{#if bless.active}} + + {{else}} + + {{/if}} +
        • +
      • + Premiers soins + +
        • +
      • + Soins complets + +
        • +
      • + Jours + +
        • +
      • + Loc. + +
        • +
      • {{/each}} -
    +
    -
    - Queues: - {{#each data.queues as |queue key|}} + {{!-- Queues, Souffles, Tetes, Ombre --}} +
    -
    - Souffles: - {{#each data.souffles as |souffle key|}}
  • - {{souffle.name}} -
    - -
    +

    Souffles:

    + {{#each data.souffles as |souffle key|}} + {{souffle.name}} +
    + +
    + {{/each}}
    • - {{/each}} -
    -
    - Tetes: - {{#each data.tetes as |tete key|}}
  • - {{tete.name}} -
    - -
    +

    Tetes:

    + {{#each data.tetes as |tete key|}} + {{tete.name}} +
    + +
    + {{/each}}
    • - {{/each}} -
    -
    - Ombres de Thanatos: - {{#each data.ombres as |ombre key|}}
  • - {{ombre.name}} -
    - -
    +

    Ombres de Thanatos:

    + {{#each data.ombres as |ombre key|}} + {{ombre.name}} +
    + +
    + {{/each}}
    • - {{/each}} -
    +
    - {{!-- hautreve Tab --}} -
    -
    -
      -
    1. - Position en TMR : - - {{#if data.isGM}} - - {{else}} - {{data.reve.tmrpos.coord}} - {{/if}} - -
      2. -
    2. - Seuil de Rêve : - - {{#if data.isGM}} - - {{else}} - {{data.reve.seuil.value}} - {{/if}} - -
      3. -
    3. - Refoulement : - - {{#if data.isGM}} - - {{else}} - {{data.reve.refoulement.value}} - {{/if}} - -
      4. - -
    -
    -
    - Sorts: -
      + {{!-- hautreve Tab --}} +
      +
      +
        +
      • + Position en TMR : + + {{#if data.isGM}} + + {{else}} + {{data.reve.tmrpos.coord}} + {{/if}} + +
        • +
      • + Seuil de Rêve : + + {{#if data.isGM}} + + {{else}} + {{data.reve.seuil.value}} + {{/if}} + +
        • +
      • + Refoulement : + + {{#if data.isGM}} + + {{else}} + {{data.reve.refoulement.value}} + {{/if}} + +
        • +
      +
      +
      + Sorts: +
        {{#each data.sorts as |mysort key|}}
      • {{mysort.name}} @@ -485,82 +538,113 @@
      {{/each}} -
    -
    -
    - Sorts en Réserve: -
      + +
    +
    + Sorts en Réserve: +
      {{#each data.sortReserve as |reserve key|}}
    • {{reserve.sort.name}} - {{reserve.coord}}
      • {{/each}} - -
    +
    + - {{!-- Equipment Tab --}} -
    - Encombrement total/max : {{numberFormat data.encombrementTotal decimals=1}} / {{data.attributs.encombrement.value}} -
    - Porté sur soi -
      - {{#each data.objets as |item id|}} - {{#unless item.estContenu}} - {{#if (ne item.type 'conteneur')}} -
    1. - -

      {{item.name}}

      - {{#if item.data.quantite}} -

      {{item.data.quantite}}

      - {{/if}} -
      - {{#if item.data.equipe}}{{else}}{{/if}} - - -
      -
      2. - {{/if}} - {{/unless}} - {{/each}} - {{#each data.conteneurs as |conteneur id|}} - {{buildConteneur this}} - {{/each}} -
    + {{!-- Equipment Tab --}} +
    + Encombrement total/max : {{numberFormat data.encombrementTotal decimals=1}} / {{data.attributs.encombrement.value}} + Porté sur soi + +
    - {{!-- Biography Tab --}} -
    -
    -
    -
      -
    1. Sexe :
      2. -
    2. Poids :
      3. -
    3. Taille :
      4. -
    4. Cheveux :
      5. -
    5. Yeux :
      6. -
    -
    -
    -
      -
    1. Age :
      2. -
    2. Heure de naissance :
      3. -
    3. Beauté :
      4. -
    4. Main directrice :
      5. -
    -
    + {{!-- Biography Tab --}} +
    +
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
    +
    +

    Biographie :

    +
    + {{editor content=data.biographie target="data.biographie" button=true owner=owner editable=editable}}
    -
    -
    - -
    - {{editor content=data.biographie target="data.biographie" button=true owner=owner editable=editable}} -
    - -
    - {{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}} -
    +

    Notes :

    +
    + {{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}}
    -
    +
    +