pdf/christmas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make wishlist prettier, it looked utilitarian

Browse source
This commit is contained in:
Sam Wing 2019-11-17 07:42:42 -05:00
parent 7b6633d25f
commit 3eaed2c43c
2 changed files with 82 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
static/css/main.css
View file

@ -37,3 +37,8 @@ ul.noStyle li {
.table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td { display: -ms-flexbox; display: flex; width: auto; -ms-flex-pack: end; justify-content: flex-end; text-align: right; border-bottom: 1px solid #f5f5f5 } .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td { display: -ms-flexbox; display: flex; width: auto; -ms-flex-pack: end; justify-content: flex-end; text-align: right; border-bottom: 1px solid #f5f5f5 }
.table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before { content: attr(data-label); font-weight: 600; margin-right: auto; padding-right: .5em; text-align: left } .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before { content: attr(data-label); font-weight: 600; margin-right: auto; padding-right: .5em; text-align: left }
} }
.ugc {
white-space: pre-wrap;
word-break: break-word;
}

5
views/wishlist.pug
View file

@ -2,6 +2,7 @@ extends layout.pug
block content block content
if process.env.TABLE !== 'false' if process.env.TABLE !== 'false'
.box
table.table.has-mobile-cards table.table.has-mobile-cards
thead thead
th Name th Name
@ -25,8 +26,8 @@ block content
target='_blank' target='_blank'
)= (item.name ? item.name : item.url) )= (item.name ? item.name : item.url)
else else
td(data-label='Name')= item.name td.ugc(data-label='Name')= item.name
td(data-label='Note', style='white-space: pre-wrap;')= item.note td.ugc(data-label='Note')= item.note
td(data-label='Edit Note') td(data-label='Edit Note')
form.inline(method='GET', action=`/wishlist/${req.params.user}/note/${item.id}`) form.inline(method='GET', action=`/wishlist/${req.params.user}/note/${item.id}`)
input(type='hidden', name='current', value=item.note) input(type='hidden', name='current', value=item.note)