nicd/weekbudget
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add labelled wrapper for budgets list

Browse source
This commit is contained in:
Mikko Ahlroth 2019-06-25 15:40:57 +03:00
parent b96a1532be
commit d892f6bc00
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/budget-list.ts
View file

@ -14,14 +14,14 @@ class BudgetListComponent extends LitElement {
static get styles() {
return css`
:host {
#list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
${MOB_BP} {
:host {
#list {
grid-template-columns: auto;
}
}
@ -36,7 +36,9 @@ class BudgetListComponent extends LitElement {
render() {
return html`
${this.budgets.map(b => html`<budget-display .budget=${b}></budget-display>`)}
<div id="list" aria-label="List of budgets">
${this.budgets.map(b => html`<budget-display .budget=${b}></budget-display>`)}
</div>
`
}
}