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

style sort select

Browse source
This commit is contained in:
imohkay 2021-10-28 21:59:44 +05:30
parent cc5200fd2d
commit 40b072002c
2 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -6,8 +6,15 @@
color: #ee0;
text-decoration: none;
}
select {
font-size: 18px;
font-family: "noto_sans", sans-serif;
padding: calc(var(--spacing) /4) var(--spacing);
}
.film {
margin-bottom: var(--spacing-2);
margin-top: var(--spacing-2);
h1 {
font-weight: bold;
font-size: 20px;

22
app/templates/films.html Normal file → Executable file
View file

@ -2,18 +2,18 @@
{% block body_class%}animated animated-text{% endblock %}
{% block main %}
<div>
Sort:
<select id="sort-select">
<option value="position" selected>Default</option>
<option value="title">Title</option>
<option value="duration">Duration</option>
<option value="hue">Hue</option>
<option value="saturation">Saturation</option>
<option value="lightness">Lightness</option>
</select>
</div>
<div class="films" id="films">
<div>
<strong>Sort:</strong>
<select id="sort-select">
<option value="position" selected>Default</option>
<option value="title">Title</option>
<option value="duration">Duration</option>
<option value="hue">Hue</option>
<option value="saturation">Saturation</option>
<option value="lightness">Lightness</option>
</select>
</div>
{% for film in films %}
<div class="film"
data-position="{{ film.position }}"