upagge/infomate.club
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better popup css

Browse Source
This commit is contained in:
vas3k
2020-02-05 10:49:22 +01:00
parent 155e08e21f
commit b965f1489d
3 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
boards/templatetags/text_filters.py
View File

@@ -26,6 +26,17 @@ def nl2br(text):
return text
@register.filter(is_safe=True)
def nl2p(text):
"""
Wraps \n into <p></p>
"""
if not text:
return ""
text = "<p>" + text.strip().replace("\n", "</p><p>") + "</p>"
return text
@register.filter
def cool_number(value, num_decimals=1):
"""

6
static/css/components.css
View File

@@ -78,6 +78,7 @@
.landing-board-name {
display: block;
font-size: 160%;
line-height: 115%;
margin: 10px 0 5px;
font-weight: bold;
}
@@ -288,13 +289,14 @@
.article-tooltip-title {
display: block;
font-weight: bold;
font-size: 105%;
}
.article-tooltip-description {
display: block;
font-weight: normal;
font-size: 70%;
margin-top: 10px;
margin: 0;
font-size: 80%;
overflow: hidden;
}

8
templates/board.html
View File

@@ -74,19 +74,19 @@
<img src="{{ article.image }}" alt="{{ article.title|striptags }}" class="article-tooltip-image">
{% endif %}
<span class="article-tooltip-title">{{ article.title|striptags|truncatechars:100 }}</span>
<span class="article-tooltip-title">{{ article.title|striptags|truncatechars:300 }}</span>
{% if article.description or article.summary %}
<span class="article-tooltip-description">
{% if article.summary %}
{{ article.summary|striptags|nl2br|truncatechars:500|safe }}
{{ article.summary|striptags|escape|nl2p|truncatechars:600|safe }}
{% else %}
{{ article.description|striptags|truncatechars:500 }}
{{ article.description|striptags|escape|nl2p|truncatechars:600|safe }}
{% endif %}
</span>
{% endif %}
<span class="article-tooltip-info">{{ article.natural_created_at }}</span>
<span class="article-tooltip-info">{{ article.natural_created_at }} @ {{ article.domain }}</span>
</a>
</div>
{% endfor %}