From b438c319b0ad54370cef262c3109883a41a8c58b Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Fri, 12 Apr 2019 17:22:55 +0200 Subject: [PATCH] UI: Layout adjustments to category_list components. --- src/templates/mixins/components.pug | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) diff --git a/src/templates/mixins/components.pug b/src/templates/mixins/components.pug index c1b540c..804eeaa 100644 --- a/src/templates/mixins/components.pug +++ b/src/templates/mixins/components.pug @@ -1,9 +1,9 @@ //- Category listing (Learn, Libraries, etc). //- Header mixin category_list_header(title, text) - .row.pt-2 + .row.pt-2.pb-3.mb-4.border-bottom&attributes(attributes) .col-md-9 - h1.py-2.text-uppercase.font-weight-bold + h1.py-2.font-weight-bold =title .lead @@ -12,20 +12,22 @@ mixin category_list_header(title, text) if block block - hr.my-4 - //- List Item -mixin category_list_item(title, text, url, image) - .row.pb-2.my-2 - .col-md-3 +mixin category_list_item(title, text, url, image, image_link_url) + .row.pb-2.my-2&attributes(attributes) + .col-md-8 a(href=url, title=title) - img.img-fluid.rounded(alt=title, src=image) - .col-md-9 - a(href=url, title=title) - h3.font-weight-bold + h3.font-weight-bold.text-muted =title .lead =text if block block + + .col-md-4 + if image_link_url + - var url = image_link_url + + a(href=url, title=title) + img.img-fluid.rounded(alt=title, src=image)