florent/pages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adds vertical scrollbar to news (#729)

Browse Source
This commit is contained in:
Rohan Deb Sarkar 2022-06-27 09:37:28 +05:30 committed by GitHub
parent bcd43a18fe
commit 032f0e62ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_config.yml
View File

@ -123,7 +123,8 @@ collections:
output: true
permalink: /projects/:path/
news_limit: 5
news_scrollable: true # adds a vertical scroll bar if there are more than 3 news items
news_limit: 5 # leave blank to include all the news in the `_news` folder
# -----------------------------------------------------------------------------
# Jekyll settings

12
_includes/news.html
View File

@ -2,10 +2,16 @@
<div class="news">
<h2>news</h2>
{% if site.news != blank -%}
<div class="table-responsive">
{%- assign news_size = site.news | size -%}
<div class="table-responsive" {% if site.news_scrollable and news_size > 3 %}style="max-height: 10vw"{% endif %}>
<table class="table table-sm table-borderless">
{%- assign news = site.news | reverse -%}
{% for item in news limit: site.news_limit %}
{%- assign news = site.news | reverse -%}
{% if site.news_limit %}
{% assign news_limit = site.news_limit %}
{% else %}
{% assign news_limit = news_size %}
{% endif %}
{% for item in news limit: news_limit %}
<tr>
<th scope="row">{{ item.date | date: "%b %-d, %Y" }}</th>
<td>