uberwald/l5rx-chiaroscuro
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style for new items bond/title + fix XP table

Browse Source
This commit is contained in:
Mandar
2021-05-29 15:59:32 +02:00
parent a5011caf9c
commit 5ca8d800fc
8 changed files with 79 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
system/styles/l5r5e.css
View File

File diff suppressed because one or more lines are too long

6
system/styles/scss/items.scss
View File

@@ -1,6 +1,9 @@
// Item List // Item List
.item-list { .item-list {
flex: 100%; flex: 100%;
.tab[data-tab] {
display: none;
}
.item { .item {
.item-header { .item-header {
display: flex; display: flex;
@@ -426,4 +429,7 @@
} }
} }
} }
article {
flex: 100%;
}
} }

34
system/styles/scss/sheets.scss
View File

@@ -39,6 +39,15 @@
flex: 0 0 100%; flex: 0 0 100%;
align-items: flex-start; align-items: flex-start;
} }
section,
article {
&.tab[data-tab] {
display: none;
&.active {
display: flex;
}
}
}
.sheet-header { .sheet-header {
flex: 0 0 100%; flex: 0 0 100%;
align-items: flex-start; align-items: flex-start;
@@ -542,11 +551,6 @@
} }
} }
} }
&.tab[data-tab] {
&.active {
display: flex;
}
}
.narrative-content, .narrative-content,
.narrative-description { .narrative-description {
flex: 0 0 calc(50% - 0.25rem); flex: 0 0 calc(50% - 0.25rem);
@@ -673,6 +677,7 @@
font-size: 0.85rem; font-size: 0.85rem;
color: $black-light; color: $black-light;
thead { thead {
font-family: $font-tertiary;
th { th {
&:first-child { &:first-child {
flex: 0 0 2rem; flex: 0 0 2rem;
@@ -715,6 +720,13 @@
} }
} }
} }
.tfoot {
background: rgba(186, 187, 177, 0.5);
color: #5a6e5a;
text-shadow: none;
border-top: rgba(186, 187, 177, 0.5);
font-family: $font-tertiary;
}
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;
@@ -728,13 +740,14 @@
background: $l5r5e-bold; background: $l5r5e-bold;
color: $white; color: $white;
border-bottom: 1px solid; border-bottom: 1px solid;
font-family: $font-primary; font-family: $font-tertiary;
font-size: 1rem;
padding-left: 0.5rem; padding-left: 0.5rem;
} }
.item-list { .item-list {
display: none; display: block;
&.toggle-active { &.toggle-active {
display: block; display: none;
} }
} }
} }
@@ -816,6 +829,11 @@
} }
} }
} }
nav {
&.sheet-tabs {
flex: 100%;
}
}
} }
// Lang Adjust. // Lang Adjust.
&.sheet { &.sheet {

40
system/templates/actors/character/experience.html
View File

@@ -37,28 +37,28 @@
</tr> </tr>
</thead> </thead>
<tbody class="flex"> <tbody class="flex">
{{#each data.advancementsListByRank as |rankObject|}} {{#each data.advancementsListByRank as |rankObject|}}
{{#each rankObject.list as |advancement advancementId|}} {{#each rankObject.list as |advancement advancementId|}}
{{> 'systems/l5r5e/templates/actors/character/advancement-school.html' advancement=advancement rank=rankObject.rank editable=../../options.editable}} {{> 'systems/l5r5e/templates/actors/character/advancement-school.html' advancement=advancement rank=rankObject.rank editable=../../options.editable}}
{{/each}} {{/each}}
{{#ifCond rankObject.rank '>' 0}} {{#ifCond rankObject.rank '>' 0}}
<tr data-group="advancements" data-tab="advancement_rank_{{rankObject.rank}}" class="flexrow row tab"> <tr class="tfoot flexrow row tab">
<th class=""> <th>{{localize 'l5r5e.advancements.total_xp_curriculum'}} : {{rankObject.spent.curriculum}}{{#if rankObject.goal}} / {{rankObject.goal}}{{/if}}</th>
<th>{{localize 'l5r5e.advancements.total_xp_spent'}} : {{rankObject.spent.total}}</th>
</tr>
{{#ifCond ../data.data.identity.school_rank '<' 6}} {{#ifCond ../data.data.identity.school_rank '<' 6}}
{{#ifCond (ifCond ../data.data.identity.school_rank '==' rankObject.rank) '&&' (ifCond rankObject.spent '>=' rankObject.goal)}} {{#ifCond (ifCond ../data.data.identity.school_rank '==' rankObject.rank) '&&' (ifCond rankObject.spent.curriculum '>=' rankObject.goal)}}
<button type="button" name="validate-curriculum"> <tr data-group="advancements" data-tab="advancement_rank_{{rankObject.rank}}" class="flexrow row tab">
<i class='fas fa-check-square'></i> {{ localize 'l5r5e.advancements.curriculum_validate'}} <th>
</button> <button type="button" name="validate-curriculum">
<i class='fas fa-check-square'></i> {{ localize 'l5r5e.advancements.curriculum_validate'}}
</button>
</th>
</tr>
{{/ifCond}}
{{/ifCond}} {{/ifCond}}
{{/ifCond}} {{/ifCond}}
</th> {{/each}}
<th class="">
{{localize 'l5r5e.advancements.total_xp_curriculum'}} : {{rankObject.spent.curriculum}}{{#if rankObject.goal}} / {{rankObject.goal}}{{/if}}
<br>{{localize 'l5r5e.advancements.total_xp_spent'}} : {{rankObject.spent.total}}
</th>
</tr>
{{/ifCond}}
{{/each}}
</tbody> </tbody>
</table> </table>
</fieldset> </fieldset>

1
system/templates/items/bond/bond-entry.html
View File

@@ -6,7 +6,6 @@
<li data-item-id="{{bond.id}}" class="item-control item-edit" title="{{localize 'l5r5e.global.edit'}}"><i class="fas fa-edit"></i></li> <li data-item-id="{{bond.id}}" class="item-control item-edit" title="{{localize 'l5r5e.global.edit'}}"><i class="fas fa-edit"></i></li>
<li data-item-id="{{bond.id}}" class="item-control item-delete" title="{{localize 'Delete'}}"><i class="fas fa-trash"></i></li> <li data-item-id="{{bond.id}}" class="item-control item-delete" title="{{localize 'Delete'}}"><i class="fas fa-trash"></i></li>
{{/if}} {{/if}}
</ul>
{{#if bond.data.data.bond_type}} {{#if bond.data.data.bond_type}}
<ul class="item-properties"> <ul class="item-properties">
<li>{{bond.data.data.bond_type}} {{bond.data.data.rank}}</li> <li>{{bond.data.data.bond_type}} {{bond.data.data.rank}}</li>

2
system/templates/items/bond/bond-sheet.html
View File

@@ -7,7 +7,7 @@
<section class="sheet-body"> <section class="sheet-body">
{{!-- Attributes Tab --}} {{!-- Attributes Tab --}}
<article class="attributes" data-group="primary" data-tab="attributes"> <article class="attributes" data-group="primary" data-tab="attributes">
<label class="attribute"> <label class="attribute bonds-types">
{{ localize 'l5r5e.types' }} {{ localize 'l5r5e.types' }}
<input class="select-on-focus" type="text" name="data.bond_type" value="{{data.data.bond_type}}" data-dtype="String"/> <input class="select-on-focus" type="text" name="data.bond_type" value="{{data.data.bond_type}}" data-dtype="String"/>
</label> </label>

2
system/templates/items/item/item-infos.html
View File

@@ -1,5 +1,5 @@
{{!-- infos --}} {{!-- infos --}}
<article class="infos" data-group="primary" data-tab="description"> <article class="tab infos" data-group="primary" data-tab="infos">
<fieldset> <fieldset>
<legend class="text-block-header">{{localize 'l5r5e.description'}}</legend> <legend class="text-block-header">{{localize 'l5r5e.description'}}</legend>
{{editor content=data.data.description target="data.description" button=true owner=owner editable=editable}} {{editor content=data.data.description target="data.description" button=true owner=owner editable=editable}}

46
system/templates/items/title/title-sheet.html
View File

@@ -5,28 +5,33 @@
<img class="profile-img" src="{{data.img}}" data-edit="img" title="{{data.name}}"/> <img class="profile-img" src="{{data.img}}" data-edit="img" title="{{data.name}}"/>
<h1 class="charname"><input name="name" type="text" value="{{data.name}}" placeholder="Name"/></h1> <h1 class="charname"><input name="name" type="text" value="{{data.name}}" placeholder="Name"/></h1>
</header> </header>
{{!-- Sheet Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item active" data-tab="attributes">{{ localize "l5r5e.description" }}</a>
<a class="item" data-tab="experience">{{ localize "l5r5e.advancements.title" }}</a>
</nav>
{{!-- Sheet Body --}} {{!-- Sheet Body --}}
<section class="sheet-body"> <section class="sheet-body">
{{!-- Sheet Navigation --}}
<nav class="sheet-tabs tabs" data-group="primary">
<a class="item" data-tab="infos">{{ localize "l5r5e.description" }}</a>
<a class="item" data-tab="experience">{{ localize "l5r5e.advancements.title" }}</a>
</nav>
{{!-- Attributes Tab --}} {{!-- Attributes Tab --}}
<article class="tab attributes" data-group="primary" data-tab="attributes">
<label class="attribute"> <article>
{{localize 'l5r5e.advancements.cost'}} <label class="attribute">
<input class="select-on-focus" type="number" name="data.xp_cost" value="{{data.data.xp_cost}}" data-dtype="Number" min="0" placeholder="0"/> {{localize 'l5r5e.advancements.cost'}}
</label> <input class="select-on-focus" type="number" name="data.xp_cost" value="{{data.data.xp_cost}}" data-dtype="Number" min="0" placeholder="0"/>
<label class="attribute"> </label>
{{localize 'l5r5e.rank'}} <label class="attribute">
<input class="select-on-focus" type="number" name="data.rank" value="{{data.data.rank}}" data-dtype="Number" min="0" placeholder="0"/> {{localize 'l5r5e.rank'}}
</label> <input class="select-on-focus" type="number" name="data.rank" value="{{data.data.rank}}" data-dtype="Number" min="0" placeholder="0"/>
<label class="attribute"> </label>
{{localize 'l5r5e.bought_at_rank'}} <label class="attribute">
<input class="select-on-focus" type="number" name="data.bought_at_rank" value="{{data.data.bought_at_rank}}" data-dtype="Number" min="0" placeholder="0"/> {{localize 'l5r5e.bought_at_rank'}}
</label> <input class="select-on-focus" type="number" name="data.bought_at_rank" value="{{data.data.bought_at_rank}}" data-dtype="Number" min="0" placeholder="0"/>
</article> </label>
</article>
{{!-- Descr + Page ref --}}
{{> 'systems/l5r5e/templates/items/item/item-infos.html'}}
{{!-- Embbed advancements --}} {{!-- Embbed advancements --}}
<article class="tab experience" data-group="primary" data-tab="experience"> <article class="tab experience" data-group="primary" data-tab="experience">
@@ -61,8 +66,5 @@
</table> </table>
</fieldset> </fieldset>
</article> </article>
{{!-- Descr + Page ref --}}
{{> 'systems/l5r5e/templates/items/item/item-infos.html'}}
</section> </section>
</form> </form>