New Item liste style

This commit is contained in:
Mandar
2021-02-14 23:18:07 +01:00
parent d2f9b6891e
commit 3eb623120a
2 changed files with 36 additions and 13 deletions

View File

@@ -494,6 +494,31 @@
padding: 0.5rem; padding: 0.5rem;
flex-wrap: wrap; flex-wrap: wrap;
min-height: calc(100% - 3.25rem); min-height: calc(100% - 3.25rem);
fieldset {
h3 {
font-size: 1.25rem;
width: 100%;
text-align: left;
line-height: 2rem;
color: $l5r5e-bold;
border-bottom: 1px solid;
.item-control {
&.item-add {
float: right;
font-size: 0.75rem;
line-height: 0.75rem;
border: 1px solid;
padding: 0.25rem;
margin: 0.25rem;
color: $white;
background: $l5r5e-bold;
&:hover {
opacity: 0.75;
}
}
}
}
}
&.tab[data-tab] { &.tab[data-tab] {
&.active { &.active {
display: flex; display: flex;

View File

@@ -1,15 +1,13 @@
{{#each data.splitItemsList as |cat type|}} {{#each data.splitItemsList as |cat type|}}
<fieldset class="items-content"> <h3>
<legend> {{localize (localize 'l5r5e.{type}s.title' type=type) }}
{{localize (localize 'l5r5e.{type}s.title' type=type) }} {{#if ../editable}}
{{#if ../editable}} <a data-item-type="{{type}}" class="item-control item-add" title="{{ localize 'l5r5e.global.add'}}"><i class="fas fa-plus"></i></a>
<a data-item-type="{{type}}" class="item-control item-add" title="{{ localize 'l5r5e.global.add'}}"><i class="fas fa-plus"></i></a> {{/if}}
{{/if}} </h3>
</legend> <ul class="item-list">
<ul class="item-list"> {{#each cat as |item id|}}
{{#each cat as |item id|}} {{> 'systems/l5r5e/templates/items/item/item-entry.html' item=item id=id editable=../../editable }}
{{> 'systems/l5r5e/templates/items/item/item-entry.html' item=item id=id editable=../../editable }} {{/each}}
{{/each}} </ul>
</ul>
</fieldset>
{{/each}} {{/each}}