jutty/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix tags display on mobile viewports

Browse source
This commit is contained in:
jultty 2026-05-02 16:45:08 -03:00
commit 911fa6f78e
2 changed files with 20 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
static/assets/css/style.css
View file

@ -244,7 +244,11 @@ main {
text-decoration-thickness: 0.1px; text-decoration-thickness: 0.1px;
} }
.post-date { div.post-date, div.content-date {
display: inline;
}
div.post-date {
display: inline; display: inline;
} }
@ -440,6 +444,16 @@ footer {
margin-left: 30px; margin-left: 30px;
} }
div.content-tags {
display: inline-block;
margin-left: 30px;
}
div.content-date {
display: inline-block;
margin-bottom: 10px;
}
} }
/* tablet */ /* tablet */

2
templates/content.html
View file

@ -7,9 +7,11 @@
<article class="blog-post"> <article class="blog-post">
<h1 id="post-title">{{ page.title }}</h1> <h1 id="post-title">{{ page.title }}</h1>
<div class="content-metadata"> <div class="content-metadata">
<div class="content-date">
<time class="post-date"> <time class="post-date">
{{- page.date | date(format="%Y-%m-%d %H:%M:%S") -}} {{- page.date | date(format="%Y-%m-%d %H:%M:%S") -}}
</time> </time>
</div>
{%- for taxonomy, terms in page.taxonomies -%} {%- for taxonomy, terms in page.taxonomies -%}
{%- if taxonomy == "tags" -%} {%- if taxonomy == "tags" -%}
<div class="content-tags"><span>tags:</span><ul> <div class="content-tags"><span>tags:</span><ul>