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

Blender Cloud: Fix responsive issues on timeline.

Browse Source
This commit is contained in:
Pablo Vazquez 2020-07-22 18:32:35 +02:00
parent b4207cce47
commit 2e41b7a4dd
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,7 @@ export class Posts extends NodesBase {
let $title = $('<a>') let $title = $('<a>')
.attr('href', '/nodes/' + post._id + '/redir') .attr('href', '/nodes/' + post._id + '/redir')
.attr('title', post.name) .attr('title', post.name)
.addClass('h1 text-uppercase font-weight-bold d-block pt-5 pb-2') .addClass('timeline-post-title')
.text(post.name); .text(post.name);
content.push($title); content.push($title);
let $post = $('<div>') let $post = $('<div>')

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

@ -28,6 +28,20 @@
margin-bottom: 2rem margin-bottom: 2rem
margin-top: 2rem margin-top: 2rem
.timeline-post-title
display: block
font-size: $h3-font-size
font-weight: bold
line-height: initial
padding-top: 1rem
padding-bottom: 1rem
text-transform: uppercase
+media-sm
font-size: $h1-font-size
padding-top: 3rem
padding-bottom: 2rem
body.homepage body.homepage
.timeline .timeline
.sticky-top .sticky-top