From a64eec765d3bae7519537d064bf8954f5658a858 Mon Sep 17 00:00:00 2001 From: Mandar <remi.delery@gmail.com> Date: Fri, 20 Nov 2020 20:55:11 +0100 Subject: [PATCH] Update life list and dream + css for avatar --- styles/simple.css | 13 +++++++++-- templates/actor-sheet.html | 45 ++++++++++++++++++++++++-------------- 2 files changed, 40 insertions(+), 18 deletions(-) diff --git a/styles/simple.css b/styles/simple.css index 4f6fc739..74382710 100644 --- a/styles/simple.css +++ b/styles/simple.css @@ -64,9 +64,9 @@ } /* Fonts */ -.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list {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"} .sheet nav.sheet-tabs {font-family: "MedievalSharp";} -.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 #scene-list .scene.nav-item, #navigation #nav-toggle { +.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: "Gothic"; } @@ -222,6 +222,8 @@ table {border: 1px solid #7a7971;} height: 128px; width: 128px; margin-right: 10px; + object-fit: cover; + object-position: 50% 0; } .button-img { @@ -371,6 +373,13 @@ table {border: 1px solid #7a7971;} section.sheet-body{padding: 0.25rem 0.5rem;} +.sheet header.sheet-header .profile-img { + object-fit: cover; + object-position: 50% 0; + margin: 0.5rem 0 0.5rem 0.5rem; + padding: 0; +} + .sheet nav.sheet-tabs { font-size: 0.75rem; font-weight: bold; diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html index 14c0c3e0..21219176 100644 --- a/templates/actor-sheet.html +++ b/templates/actor-sheet.html @@ -10,37 +10,50 @@ <div class="flexrow"> <ul class="flex-group-center flex-compteurs"> <li> - <label class="ctn-vie">Vie <a id="vie-plus">+</a> - <input class="resource-content" type="text" name="data.sante.vie.value" value="{{data.sante.vie.value}}" data-dtype="Number"/> - <span>/{{data.sante.vie.max}}</span> - <a id="vie-moins">-</a></label> + <label class="ctn-vie"> + Vie + <a id="vie-moins">-</a> + <input class="resource-content" type="text" name="data.sante.vie.value" value="{{data.sante.vie.value}}" data-dtype="Number"/> + <span>/ {{data.sante.vie.max}}</span> + <a id="vie-plus">+</a> + </label> </li> <li> - <label class="ctn-endu">Endurance <a id="endurance-plus">+</a> - <input class="resource-content" type="text" name="data.sante.endurance.value" value="{{data.sante.endurance.value}}" data-dtype="Number"/> - <span>/{{data.sante.endurance.max}}</span> - <a id="endurance-moins">-</a></label> + <label class="ctn-endu"> + Endurance + <a id="endurance-moins">-</a> + <input class="resource-content" type="text" name="data.sante.endurance.value" value="{{data.sante.endurance.value}}" data-dtype="Number"/> + <span>/ {{data.sante.endurance.max}}</span> + <a id="endurance-plus">+</a> + </label> </li> <li> - <label class="ctn-fatigue tooltip">Fatigue <a id="fatigue-plus">+</a> + <label class="ctn-fatigue tooltip"> + Fatigue + <a id="fatigue-moins">-</a> <span class="tooltiptext">{{{data.fatigue.html}}}</span> <input class="resource-content" id="fatigue-value" type="text" name="data.sante.fatigue.value" value="{{data.sante.fatigue.value}}" data-dtype="Number" /> - <span>/{{data.sante.fatigue.max}}</span> - <a id="fatigue-moins">-</a></label> + <span>/ {{data.sante.fatigue.max}}</span> + <a id="fatigue-plus">+</a> + </label> </li> <li> - <label class="ctn-sonne">Sonné : + <label class="ctn-sonne"> + Sonné : <input class="resource-content" type="checkbox" name="data.sante.sonne.value" value="{{data.sante.sonne.value}}" {{#if data.sante.sonne.value}}checked{{/if}} /> </label> </li> <li> - <label class="ctn-reve"><span class="ptreve-actuel"><a>Rêve</a></span> <a id="ptreve-actuel-plus">+</a> + <label class="ctn-reve"> + <span class="ptreve-actuel"><a>Rêve</a></span> + <a id="ptreve-actuel-moins">-</a> <input class="resource-content" id="pointsreve-value" type="text" name="data.reve.reve.value" value="{{data.reve.reve.value}}" data-dtype="Number" /> - <span>/{{data.reve.seuil.value}}</span> - <a id="ptreve-actuel-moins">-</a></label> + <span>/ {{data.reve.seuil.value}}</span> + <a id="ptreve-actuel-plus">+</a> + </label> </li> <li class="lock-unlock-sheet"> - <span><a>{{data.lockUnlockText}}</a></span> + <label><a>{{data.lockUnlockText}}</a></label> </li> </ul> <div class="flex-group-center flex-actions-bar">