home3 news: remove redundant 'Read article' (block is clickable), keep read-time; darken footer divider
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -125,7 +125,6 @@
|
|||||||
<p class="summary">{news?.summary || "We read the week so you don't have to doomscroll it. Five quietly hopeful stories, summarised to the gist."}</p>
|
<p class="summary">{news?.summary || "We read the week so you don't have to doomscroll it. Five quietly hopeful stories, summarised to the gist."}</p>
|
||||||
</a>
|
</a>
|
||||||
<div class="news-foot">
|
<div class="news-foot">
|
||||||
<a class="link news-link" href={news?.id ? `/a/${news.id}` : '/'}>Read article</a>
|
|
||||||
<span class="meta">3 min read</span>
|
<span class="meta">3 min read</span>
|
||||||
</div>
|
</div>
|
||||||
<hr class="news-div" />
|
<hr class="news-div" />
|
||||||
@@ -343,11 +342,9 @@
|
|||||||
}
|
}
|
||||||
.summary { font-size: 14.5px; line-height: 1.55; color: var(--body); margin: 12px 0 0; }
|
.summary { font-size: 14.5px; line-height: 1.55; color: var(--body); margin: 12px 0 0; }
|
||||||
.news-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; }
|
.news-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; }
|
||||||
.news-link { color: var(--teal); text-decoration: none; }
|
|
||||||
.news-link:hover { text-decoration: underline; }
|
|
||||||
.meta { font-size: 12px; color: var(--muted); }
|
.meta { font-size: 12px; color: var(--muted); }
|
||||||
/* divider sets the secondary "feed" link apart as its own thing */
|
/* divider sets the secondary "feed" link apart as its own thing */
|
||||||
.news-div { border: none; border-top: 1px solid var(--news-border); margin: 14px 0 12px; }
|
.news-div { border: none; border-top: 1px solid #e6d9bf; margin: 14px 0 12px; }
|
||||||
.news-more { display: inline-block; font-size: 13px; font-weight: 600; color: var(--muted); text-decoration: none; }
|
.news-more { display: inline-block; font-size: 13px; font-weight: 600; color: var(--muted); text-decoration: none; }
|
||||||
.news-more:hover { color: var(--teal); }
|
.news-more:hover { color: var(--teal); }
|
||||||
.news-more:hover { color: var(--teal); }
|
.news-more:hover { color: var(--teal); }
|
||||||
|
|||||||
Reference in New Issue
Block a user