diff --git a/src/scripts/js/es6/common/templates/nodes/Posts.js b/src/scripts/js/es6/common/templates/nodes/Posts.js index 826faf9a..fd01bb55 100644 --- a/src/scripts/js/es6/common/templates/nodes/Posts.js +++ b/src/scripts/js/es6/common/templates/nodes/Posts.js @@ -4,7 +4,7 @@ export class Posts extends NodesBase { static create$item(post) { let content = []; let $title = $('
') - .addClass('h2 text-uppercase font-weight-bold mt-4 mb-3') + .addClass('h1 text-uppercase mt-4 mb-3') .text(post.name); content.push($title); let $post = $('
') @@ -12,7 +12,7 @@ export class Posts extends NodesBase { .append( content, $('
') - .addClass('node-details-description mx-auto') + .addClass('node-details-description') .html(post['properties']['pretty_content']) ); diff --git a/src/scripts/js/es6/individual/timeline/Timeline.js b/src/scripts/js/es6/individual/timeline/Timeline.js index 0cec0f7d..df2e0ba9 100644 --- a/src/scripts/js/es6/individual/timeline/Timeline.js +++ b/src/scripts/js/es6/individual/timeline/Timeline.js @@ -163,7 +163,7 @@ class GroupBuilder { if (secondaryNodes) { content.push( $('
') - .addClass('card-deck card-padless card-deck-responsive js-asset-list border-bottom p-3 pb-5 mb-5') + .addClass('card-deck card-padless card-deck-responsive js-asset-list p-3 pb-5 mb-5') .append(pillar.templates.Nodes.createListOf$nodeItems(secondaryNodes)) ); } @@ -171,19 +171,18 @@ class GroupBuilder { } _create$Label(level, label, url) { - let type = level == 0 ? 'h6 float-right py-2' : 'h6 py-2 group-title' + let type = level == 0 ? 'h6 float-right py-2 group-date' : 'h6 py-2 group-title' if (url) { return $('
') .addClass(type + ' sticky-top') .append( $('') - .addClass('text-muted font-weight-bold') .attr('href', url) .text(label) ); } return $('
') - .addClass(type + ' text-secondary sticky-top') + .addClass(type + ' sticky-top') .text(label); } } diff --git a/src/styles/components/_timeline.sass b/src/styles/components/_timeline.sass index 4d19230c..f16468c1 100644 --- a/src/styles/components/_timeline.sass +++ b/src/styles/components/_timeline.sass @@ -3,8 +3,16 @@ opacity: 0 animation: fade-in 500ms forwards + .group-date + color: rgba($color-text, .4) + .group-title - background-color: $white + @extend .border-bottom + @extend .bg-white + @extend .text-uppercase + @extend .font-weight-bold + a + color: $color-text body.homepage .timeline