hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix spacing between heading and description with badge present

Browse Source
This commit is contained in:
daudix
2024-09-25 06:32:22 +03:00
parent 3f6c6486f3
commit 1c1ffafe1e
3 changed files with 36 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -24,6 +24,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Move paginator from `articles.html` to `article-list.html`. - Move paginator from `articles.html` to `article-list.html`.
- Tweak styling of `details`. - Tweak styling of `details`.
## Fixed
- Fix spacing between article heading and description in article list if badge is present.
## [5.1.0](https://codeberg.org/daudix/duckquill/compare/v5.0.0...v5.1.0) ## [5.1.0](https://codeberg.org/daudix/duckquill/compare/v5.0.0...v5.1.0)
### Added ### Added

7
sass/_article-list.scss
View File

@ -19,11 +19,6 @@
transform: scale(1.25); transform: scale(1.25);
} }
.heading {
display: flex;
justify-content: space-between;
}
h3 { h3 {
margin: 0; margin: 0;
line-height: 1; line-height: 1;
@ -245,7 +240,7 @@
.featured-badge, .featured-badge,
.hot-badge, .hot-badge,
.poor-badge { .poor-badge {
display: inline-block; float: inline-end;
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border-radius: 999px; border-radius: 999px;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;

64
templates/partials/articles.html
View File

@ -14,39 +14,37 @@
{% if page.extra.featured %}featured{% endif %} {% if page.extra.featured %}featured{% endif %}
{% if page.extra.hot %}hot{% endif %} {% if page.extra.hot %}hot{% endif %}
{% if page.extra.poor %}poor{% endif %}"> {% if page.extra.poor %}poor{% endif %}">
<div class="heading"> {%- if page.draft %}
<h3><a href="{{ page.permalink | safe }}">{{ page.title }}</a></h3> <span class="draft-badge">
{%- if page.draft %} <i class="icon"></i>
<span class="draft-badge"> {{- macros_translate::translate(key="drafted", default="Drafted", language_strings=language_strings) -}}
<i class="icon"></i> </span>
{{- macros_translate::translate(key="drafted", default="Drafted", language_strings=language_strings) -}} {%- endif -%}
</span> {%- if page.extra.archive %}
{%- endif -%} <span class="archive-badge">
{%- if page.extra.archive %} <i class="icon"></i>
<span class="archive-badge"> {{- macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -}}
<i class="icon"></i> </span>
{{- macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -}} {%- endif %}
</span> {%- if page.extra.featured %}
{%- endif %} <span class="featured-badge">
{%- if page.extra.featured %} <i class="icon"></i>
<span class="featured-badge"> {{- macros_translate::translate(key="featured", default="Featured", language_strings=language_strings) -}}
<i class="icon"></i> </span>
{{- macros_translate::translate(key="featured", default="Featured", language_strings=language_strings) -}} {%- endif %}
</span> {%- if page.extra.hot %}
{%- endif %} <span class="hot-badge">
{%- if page.extra.hot %} <i class="icon"></i>
<span class="hot-badge"> {{- macros_translate::translate(key="hot", default="Hot", language_strings=language_strings) -}}
<i class="icon"></i> </span>
{{- macros_translate::translate(key="hot", default="Hot", language_strings=language_strings) -}} {%- endif %}
</span> {%- if page.extra.poor %}
{%- endif %} <span class="poor-badge">
{%- if page.extra.poor %} <i class="icon"></i>
<span class="poor-badge"> {{- macros_translate::translate(key="poor", default="Poor", language_strings=language_strings) -}}
<i class="icon"></i> </span>
{{- macros_translate::translate(key="poor", default="Poor", language_strings=language_strings) -}} {%- endif %}
</span> <h3><a href="{{ page.permalink | safe }}">{{ page.title }}</a></h3>
{%- endif %}
</div>
{%- if page.description %} {%- if page.description %}
{{ page.description | markdown | safe }} {{ page.description | markdown | safe }}
{%- endif %} {%- endif %}