me/bbc-young-reporter
1
0
Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-03-03 03:17:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update templates & fix carousel bugs

Browse Source 
Templates now have date of 2019 BBC Young Reporter day on them;
Carousel bug whereby if a dot was clicked & then the used scrolled away, 
the dot would turn black;
Dots now appear in the correct position on all screen sizes (they were 
too low on mobile).
This commit is contained in:
Matthew Grove
2019-03-06 07:22:44 +00:00
parent 11ebbc1cb1
commit 9bf63868bb
5 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
_includes/article-carousel.html
View File

@@ -4,13 +4,15 @@
{% if article.url != page.url %} {% if article.url != page.url %}
{% assign authors = article.authors | split: ", " %} {% assign authors = article.authors | split: ", " %}
{% for author in authors %} {% for author in authors %}
{% if article.date | date: "%Y" == page.date | date: "%Y" %} {% assign article_date = article.date | date: "%Y" %}
{% assign current_article_date = page.date | date: "%Y" %}
{% if article_date == current_article_date %}
{% assign current_authors = page.authors | split: ", " %} {% assign current_authors = page.authors | split: ", " %}
{% for current_author in current_authors %} {% for current_author in current_authors %}
{% if author == current_author %} {% if author == current_author %}
{% if article_list_displayed == false %} {% if article_list_displayed == false %}
<h2 class="mdc-typography--headline5"> <h2 class="mdc-typography--headline5">
{% if current_authors.first %} {% if current_authors.size > 1 %}
Other Articles By These Authors Other Articles By These Authors
{% else %} {% else %}
Other Articles By This Author Other Articles By This Author

2
_posts/_template/2019-01-01-image-article-name.md → _posts/_template/2019-03-06-image-article-name.md
View File

@@ -1,6 +1,6 @@
--- ---
title: Title title: Title
date: 2019-01-01 7:01 date: 2019-03-06 7:01
authors: Name authors: Name
image-caption: A caption for the cover image image-caption: A caption for the cover image
layout: image-article layout: image-article

2
_posts/_template/2019-01-01-video-article-name.md → _posts/_template/2019-03-06-video-article-name.md
View File

@@ -1,6 +1,6 @@
--- ---
title: Title title: Title
date: 2019-01-01 7:01 date: 2019-03-06 7:01
authors: Name authors: Name
video-caption: A caption for the video video-caption: A caption for the video
video-id: video-id:

4
_site/css/article-page.css
View File

@@ -55,12 +55,14 @@ iframe {
.slick-dots li button:before { .slick-dots li button:before {
font-size: 30px; font-size: 30px;
opacity: 1;
color: #ababab;
} }
.slick-dots li.slick-active button::before { .slick-dots li.slick-active button::before {
font-size: 40px; font-size: 40px;
opacity: 1;
color: var(--mdc-theme-primary); color: var(--mdc-theme-primary);
top: 0.5px;
} }

4
css/article-page.css
View File

@@ -55,12 +55,14 @@ iframe {
.slick-dots li button:before { .slick-dots li button:before {
font-size: 30px; font-size: 30px;
opacity: 1;
color: #ababab;
} }
.slick-dots li.slick-active button::before { .slick-dots li.slick-active button::before {
font-size: 40px; font-size: 40px;
opacity: 1;
color: var(--mdc-theme-primary); color: var(--mdc-theme-primary);
top: 0.5px;
} }