archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Minor layout and style adjustments.

Browse Source
This commit is contained in:
Pablo Vazquez
2018-11-22 21:35:27 +01:00
parent 72417a9abb
commit 64b4ce3ba9
3 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/scripts/js/es6/common/templates/nodes/Posts.js
View File

@@ -4,7 +4,7 @@ export class Posts extends NodesBase {
static create$item(post) { static create$item(post) {
let content = []; let content = [];
let $title = $('<div>') let $title = $('<div>')
.addClass('h2 text-uppercase font-weight-bold mt-4 mb-3') .addClass('h1 text-uppercase mt-4 mb-3')
.text(post.name); .text(post.name);
content.push($title); content.push($title);
let $post = $('<div>') let $post = $('<div>')
@@ -12,7 +12,7 @@ export class Posts extends NodesBase {
.append( .append(
content, content,
$('<div>') $('<div>')
.addClass('node-details-description mx-auto') .addClass('node-details-description')
.html(post['properties']['pretty_content']) .html(post['properties']['pretty_content'])
); );

7
src/scripts/js/es6/individual/timeline/Timeline.js
View File

@@ -163,7 +163,7 @@ class GroupBuilder {
if (secondaryNodes) { if (secondaryNodes) {
content.push( content.push(
$('<div>') $('<div>')
.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)) .append(pillar.templates.Nodes.createListOf$nodeItems(secondaryNodes))
); );
} }
@@ -171,19 +171,18 @@ class GroupBuilder {
} }
_create$Label(level, label, url) { _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) { if (url) {
return $('<div>') return $('<div>')
.addClass(type + ' sticky-top') .addClass(type + ' sticky-top')
.append( .append(
$('<a>') $('<a>')
.addClass('text-muted font-weight-bold')
.attr('href', url) .attr('href', url)
.text(label) .text(label)
); );
} }
return $('<div>') return $('<div>')
.addClass(type + ' text-secondary sticky-top') .addClass(type + ' sticky-top')
.text(label); .text(label);
} }
} }

10
src/styles/components/_timeline.sass
View File

@@ -3,8 +3,16 @@
opacity: 0 opacity: 0
animation: fade-in 500ms forwards animation: fade-in 500ms forwards
.group-date
color: rgba($color-text, .4)
.group-title .group-title
background-color: $white @extend .border-bottom
@extend .bg-white
@extend .text-uppercase
@extend .font-weight-bold
a
color: $color-text
body.homepage body.homepage
.timeline .timeline