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 .card
{ {
margin-top: 1em; margin-top: 1em;
margin: 0, auto;
} }
.card-image .card-image
{ {
padding: 1em; padding: 1em;
margin 0, auto;
} }
.card-image figure .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 .card
{ {
margin-top: 1em; margin-top: 1em;
margin: 0, auto;
} }
.card-image .card-image
@ -200,6 +201,8 @@ body.has-navbar-fixed-top, html.has-navbar-fixed-top {
.card-image figure .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> </div>
{% if toot.card.image %} {% if toot.card.image %}
<div class="card-image"> <div class="card-image">
<figure class="image is-max-256"> <figure>
<a href="{{ toot.card.url }}"> <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> </a>
</figure> </figure>
</div> </div>
{% endif %} {% endif %}
{% if toot.card.description %}
<div class="card-content"> <div class="card-content">
<p>{{ toot.card.description }}</p> <p>{{ toot.card.description }}</p>
</div> </div>
{% endif %}
</div> </div>
{% endif %} {% endif %}