Mastodon
/
brutaldon-interfaccia-web-minimale
mirror of https://github.com/jfmcbrayer/brutaldon
2
0
Fork 0
Code Issues Releases Wiki Activity

Really fix card image formatting.

This commit is contained in:
Jason McBrayer 2018-12-03 08:29:59 -05:00
parent 7364ff6baf
commit d1873e3bd8
3 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
brutaldon/static/css/brutaldon-dark.css
View File

@ -208,15 +208,18 @@ input#id_poll_frequency
.card
{
margin-top: 1em;
margin: 0, auto;
}
.card-image
{
padding: 1em;
margin 0, auto;
}
.card-image figure
{
padding-top: 25%;
padding: 0;
max-height: 256px;
max-width: 256px;
}

5
brutaldon/static/css/brutaldon.css
View File

@ -191,6 +191,7 @@ body.has-navbar-fixed-top, html.has-navbar-fixed-top {
.card
{
margin-top: 1em;
margin: 0, auto;
}
.card-image
@ -200,6 +201,8 @@ body.has-navbar-fixed-top, html.has-navbar-fixed-top {
.card-image figure
{
padding-top: 25%;
padding: 0;
max-height: 256px;
max-width: 256px;
}

6
brutaldon/templates/main/toot_partial.html
View File

@ -61,16 +61,18 @@
</div>
{% if toot.card.image %}
<div class="card-image">
<figure class="image is-max-256">
<figure>
<a href="{{ toot.card.url }}">
<img alt="{{ toot.card.title }}" src="{{ toot.card.image }}">
<img class="image is-max-256" alt="{{ toot.card.title }}" src="{{ toot.card.image }}">
</a>
</figure>
</div>
{% endif %}
{% if toot.card.description %}
<div class="card-content">
<p>{{ toot.card.description }}</p>
</div>
{% endif %}
</div>
{% endif %}