0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

put related assembiles below

Browse source
This commit is contained in:
j 2021-10-22 17:20:26 +01:00
parent 3dbd3962c8
commit bb233d7072
2 changed files with 22 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/static/css/partials/_film.scss
View file

@ -66,13 +66,15 @@ main > .film {
margin-bottom: var(--spacing-2); margin-bottom: var(--spacing-2);
max-width: 250px; max-width: 250px;
}
.texts { .texts {
padding-top: var(--spacing-2); margin-top: var(--spacing-2);
margin-bottom: var(--spacing-2);
.text { .text {
padding-bottom: var(--spacing-2); padding-bottom: var(--spacing-2);
} }
} }
}
@media screen and (max-width: 799px) { @media screen and (max-width: 799px) {
h1 { h1 {
span { span {
@ -95,7 +97,7 @@ main > .film {
opacity: 0; opacity: 0;
} }
.info-meta, .bio-block, .play, .summary-block { .info-meta, .bio-block, .play, .summary-block, .texts {
background: rgba(0, 0, 0, 0.55); background: rgba(0, 0, 0, 0.55);
border-radius: 2px; border-radius: 2px;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);

15
app/templates/film.html
View file

@ -51,7 +51,15 @@ body {
</div> </div>
</div> </div>
<div class="play"> <div class="play">
<div class="film-play-block">
<div><a href="" id="play-fullscreen" class="icon-play"><span>&#x25b6;</span></a></div>
<div class="film-play-spacer">OR</div>
<div><a href="https://pad.ma/{{ film.padma_id }}/info" target="_blank">watch on pad.ma</a></div>
</div>
</div>
{% if film.related_texts.exists %}
<div class="texts"> <div class="texts">
<h2>related assemblies</h2>
{% for text in film.related_texts %} {% for text in film.related_texts %}
<div class="text"> <div class="text">
<a href="{{ text.get_absolute_url }}"> <a href="{{ text.get_absolute_url }}">
@ -61,12 +69,7 @@ body {
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<div class="film-play-block"> {% endif %}
<div><a href="" id="play-fullscreen" class="icon-play"><span>&#x25b6;</span></a></div>
<div class="film-play-spacer">OR</div>
<div><a href="https://pad.ma/{{ film.padma_id }}/info" target="_blank">watch on pad.ma</a></div>
</div>
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}