mirror of
https://git.nolog.cz/NoLog.cz/headline.git
synced 2025-01-31 11:53:35 +01:00
Fix style glitch on page transition
This commit is contained in:
parent
b3b20d8a77
commit
a70a0b464d
3 changed files with 48 additions and 49 deletions
|
@ -414,3 +414,41 @@ details[open] summary::before {
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Article detail */
|
||||||
|
|
||||||
|
.article-detail h1 {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
font-size: var(--font-size-l);
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-heading {
|
||||||
|
font-size: var(--font-size-l);
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-detail-diffs th,
|
||||||
|
.article-detail-diffs td {
|
||||||
|
padding: 0.5rem 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-detail-diffs td:last-child {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-detail-diffs th {
|
||||||
|
font-size: var(--font-size-xs);
|
||||||
|
color: var(--color-muted);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-detail-diffs tr:not(:last-of-type) {
|
||||||
|
border-bottom: 1px solid var(--border-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* About */
|
||||||
|
|
||||||
|
.page-about-prose {
|
||||||
|
font-size: var(--font-size-l);
|
||||||
|
max-width: 800px;
|
||||||
|
}
|
||||||
|
|
|
@ -1,31 +1,23 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
<style>
|
|
||||||
.prose {
|
|
||||||
font-size: var(--font-size-l);
|
|
||||||
max-width: 800px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
{% endblock head %}
|
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="prose">
|
<div class="prose page-about-prose">
|
||||||
<p>
|
<p>
|
||||||
Headline is monitoring rss feeds of czech news websites for changes in
|
Headline is monitoring rss feeds of czech news websites for changes in
|
||||||
article headlines. Just because it might be interesting. You can read more about it on <a href="https://www.zive.cz/clanky/mrknete-novinarum-pod-ruce-tenhle-web-vam-ukaze-jak-se-titulek-clanku-zmeni-treba-petkrat-za-hodinu/sc-3-a-223150/default.aspx">zive.cz</a> or <a href="https://a2larm.cz/2022/10/co-je-psano-neni-dano-online-media-meni-nazvy-clanku-i-nekolikrat-za-den/">a2larm.cz</a>.
|
article headlines. Just because it might be interesting. You can read more about it on <a href="https://www.zive.cz/clanky/mrknete-novinarum-pod-ruce-tenhle-web-vam-ukaze-jak-se-titulek-clanku-zmeni-treba-petkrat-za-hodinu/sc-3-a-223150/default.aspx">zive.cz</a> or <a href="https://a2larm.cz/2022/10/co-je-psano-neni-dano-online-media-meni-nazvy-clanku-i-nekolikrat-za-den/">a2larm.cz</a>.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Check out <a href="https://git.nolog.cz/mdivecky/headline">the source code</a>,
|
Check out <a href="https://git.nolog.cz/mdivecky/headline">the source code</a>,
|
||||||
but be aware that it's not too nice. Feel free to improve it or run the tool yourself.
|
but be aware that it's not too nice. Feel free to improve it or run the tool yourself.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
If you want to access the raw data collected by this tool, you can
|
If you want to access the raw data collected by this tool, you can
|
||||||
<a href="https://git.nolog.cz/NoLog.cz/headline-exports"> download the full archive from our git repo.</a>
|
<a href="https://git.nolog.cz/NoLog.cz/headline-exports"> download the full archive from our git repo.</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p><a href="https://ondrej.nyv.lt/">Ondřej</a> and <a href="https://bain.cz">Bain</a> made important contribution to the project. Thank you!</p>
|
<p><a href="https://ondrej.nyv.lt/">Ondřej</a> and <a href="https://bain.cz">Bain</a> made important contribution to the project. Thank you!</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,44 +1,13 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{% block head %}
|
|
||||||
<style>
|
|
||||||
.page-heading {
|
|
||||||
font-size: var(--font-size-l);
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.diffs-list {
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.diff-table th, .diff-table td {
|
|
||||||
padding: 0.5rem 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.diff-table td:last-child {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.diff-table th {
|
|
||||||
font-size: var(--font-size-xs);
|
|
||||||
color: var(--color-muted);
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.diff-table tr:not(:last-of-type) {
|
|
||||||
border-bottom: 1px solid var(--border-color);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
{% endblock head %}
|
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
<div class="container">
|
<div class="container article-detail">
|
||||||
<h1>Diffs for the article at <a href="{{ article_url }}">{{ article_url|truncate(50) }}</a></h1>
|
<h1>
|
||||||
<br>
|
Diffs for the article at
|
||||||
|
<a href="{{ article_url }}">{{ article_url|truncate(50) }}</a>
|
||||||
|
</h1>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<table class="diff-table">
|
<table class="article-detail-diffs">
|
||||||
{% for diff in diffs %}
|
{% for diff in diffs %}
|
||||||
<tr>
|
<tr>
|
||||||
<th>{{ diff.diff_time }}</th>
|
<th>{{ diff.diff_time }}</th>
|
||||||
|
|
Loading…
Reference in a new issue