davejansen/Ghost-Theme-Source
1
0
Fork 0
Code Issues Pull Requests Activity

Various design improvements (#42)

Browse Source 
There are a couple of minor improvements which customers solve at the moment with various hacks and should be part of the theme instead.

* Removed max-width from card excerpt

* Updated custom theme settings

- Added show/hide "Read more" section in posts
- Added drop-cap option for posts
- Added show/hide metadata for posts

* Added lock icon for members-only posts on list

* Updated excerpt logic to work with access levels

* Fixing missing id's for input fields

* Updated secondary color contrast
This commit is contained in:
Peter Zimon
2024-02-26 10:46:07 +01:00
committed by GitHub
parent dc3e6cb539
commit 6e29abe79a
11 changed files with 80 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
post.hbs
View File

@@ -17,6 +17,7 @@
<p class="gh-article-excerpt is-body">{{custom_excerpt}}</p>
{{/if}}
{{#if @custom.show_post_metadata}}
<div class="gh-article-meta">
<div class="gh-article-author-image">
{{#foreach authors}}
@@ -39,12 +40,13 @@
</div>
</div>
</div>
{{/if}}
{{> "feature-image"}}
</header>
<section class="gh-content gh-canvas is-body">
<section class="gh-content gh-canvas is-body{{#if @custom.enable_drop_caps_on_posts}} drop-cap{{/if}}">
{{content}}
</section>
@@ -60,17 +62,19 @@
{{/post}}
{{#get "posts" include="authors" filter="id:-{{post.id}}" limit="4" as |next|}}
{{#if next}}
<section class="gh-container is-grid gh-outer">
<div class="gh-container-inner gh-inner">
<h2 class="gh-container-title">Read more</h2>
<div class="gh-feed">
{{#foreach next}}
{{> "post-card" lazyLoad=true}}
{{/foreach}}
{{#if @custom.show_related_articles}}
{{#get "posts" include="authors" filter="id:-{{post.id}}" limit="4" as |next|}}
{{#if next}}
<section class="gh-container is-grid gh-outer">
<div class="gh-container-inner gh-inner">
<h2 class="gh-container-title">Read more</h2>
<div class="gh-feed">
{{#foreach next}}
{{> "post-card" lazyLoad=true}}
{{/foreach}}
</div>
</div>
</div>
</section>
{{/if}}
{{/get}}
</section>
{{/if}}
{{/get}}
{{/if}}