diff --git a/views/wishlists.pug b/views/wishlists.pug index 87adb6f..5106a84 100644 --- a/views/wishlists.pug +++ b/views/wishlists.pug @@ -1,11 +1,36 @@ extends layout.pug +mixin wishlistDetails(wishlist) + details.wishlist-details + summary + ul + for item in wishlist + li= item.name + block content + style. + .wishlist-details > summary { + list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z'/%3E%3C/svg%3E") + } + .wishlist-details[open] > summary { + list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E") + } + .wishlist-details li { + list-style-type: disc !important; + } + .wishlist-details summary { + font-size: 8em; + margin-top: -1em; + margin-bottom: -.5em; + margin-left: auto; + margin-right: 0; + width: .5em; + } ul.noStyle.noLeftMargin if req.user._id !== '_CCUNKNOWN' li - a(href=`${_CC.config.base}wishlist/${req.user._id}`) - .box + .box + a(href=`${_CC.config.base}wishlist/${req.user._id}`, style='color: #4a4a4a;') .columns.is-mobile if config.pfp .column.is-1(style='overflow: hidden; padding: 0 0.5rem 0 0;') @@ -15,11 +40,12 @@ block content span span=lang('WISHLISTS_COUNTS_SELF', req.user._id) progress.progress(value=1, max=1) + +wishlistDetails(req.user.wishlist) each user in users if req.user._id !== user.id li - a(href=`${_CC.config.base}wishlist/${user.id}`) - .box + .box + a(href=`${_CC.config.base}wishlist/${user.id}`, style='color: #4a4a4a;') .columns.is-mobile if config.pfp .column.is-1(style='overflow: hidden; padding: 0 0.5rem 0 0;') @@ -27,4 +53,5 @@ block content img.is-rounded.is-fullwidth(src=user.doc.pfp, style='object-fit: cover;') .column span= lang('WISHLISTS_COUNTS', user.id, totals(user.doc.wishlist).pledged, user.doc.wishlist.length) - progress.progress.is-info(value=totals(user.doc.wishlist).pledged, max=user.doc.wishlist.length) \ No newline at end of file + progress.progress.is-info(value=totals(user.doc.wishlist).pledged, max=user.doc.wishlist.length) + +wishlistDetails(user.doc.wishlist) \ No newline at end of file