kredits/kredits-web
9
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Releases 18 Activity

Add whitespace between reimbursement items in list

Browse Source 
They're a bit difficult to scan otherwise.
This commit is contained in:
Basti
2020-08-13 14:58:49 +02:00
parent dec71c6f4f
commit ec6b72008d
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/reimbursement-list/template.hbs
+1 -1
View File
@@ -1,4 +1,4 @@
<ul class="item-list reimbursement-list {{if @loading 'loading'}}"> <ul class="item-list spaced reimbursement-list {{if @loading 'loading'}}">
{{#each this.itemsSorted as |reimbursement|}} {{#each this.itemsSorted as |reimbursement|}}
<li data-reimbursement-id={{reimbursement.id}} <li data-reimbursement-id={{reimbursement.id}}
class="{{item-status reimbursement}}"> class="{{item-status reimbursement}}">
app/styles/_item-list.scss
+7
View File
@@ -25,4 +25,11 @@ ul.item-list {
} }
} }
} }
&.spaced {
li {
border-top: 1px solid $item-border-color;
margin-bottom: 2rem;
}
}
} }