snipette/snipette-gatsby-site
snipette/snipette-gatsby-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Show excerpts if they're not too long

Browse source 
In practice, that means we'll just copy-paste the "bylines" for
the Snipette excerpts. Then they'll be short enough ;-)
This commit is contained in:
Hippo 2019-12-05 16:06:43 +05:30
parent 8552146c8d
commit 39dfe89b9a
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/common/PostCard.js
View file

@ -25,7 +25,7 @@ const PostCard = ({ post, isLarge }) => {
{post.tags && post.tags[0] && <div className="post-card-tags">{post.tags[0].name}</div>} {post.tags && post.tags[0] && <div className="post-card-tags">{post.tags[0].name}</div>}
{post.featured && <span>Featured</span>} {post.featured && <span>Featured</span>}
<h2 className="post-card-title">{post.title}</h2> <h2 className="post-card-title">{post.title}</h2>
<section className="post-card-excerpt">{ /* post.subtitle */ }</section> <section className="post-card-excerpt">{ post.excerpt.length <= 120 && post.excerpt }</section>
<footer className="post-card-footer"> <footer className="post-card-footer">
<div className="post-card-footer-left"> <div className="post-card-footer-left">
<div className="post-card-avatar"> <div className="post-card-avatar">

2
src/styles/app.css
View file

@ -862,6 +862,8 @@ h6 {
.post-card-excerpt { .post-card-excerpt {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.55em; line-height: 1.55em;
color: #7F7F7F;
margin: 0.2rem 0.2rem 2rem 0.2rem;
} }
.post-card-image { .post-card-image {