style sort select
This commit is contained in:
parent
cc5200fd2d
commit
40b072002c
2 changed files with 19 additions and 12 deletions
|
@ -6,8 +6,15 @@
|
||||||
color: #ee0;
|
color: #ee0;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: "noto_sans", sans-serif;
|
||||||
|
padding: calc(var(--spacing) /4) var(--spacing);
|
||||||
|
}
|
||||||
|
|
||||||
.film {
|
.film {
|
||||||
margin-bottom: var(--spacing-2);
|
margin-top: var(--spacing-2);
|
||||||
h1 {
|
h1 {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
8
app/templates/films.html
Normal file → Executable file
8
app/templates/films.html
Normal file → Executable file
|
@ -2,8 +2,9 @@
|
||||||
{% block body_class%}animated animated-text{% endblock %}
|
{% block body_class%}animated animated-text{% endblock %}
|
||||||
{% block main %}
|
{% block main %}
|
||||||
|
|
||||||
<div>
|
<div class="films" id="films">
|
||||||
Sort:
|
<div>
|
||||||
|
<strong>Sort:</strong>
|
||||||
<select id="sort-select">
|
<select id="sort-select">
|
||||||
<option value="position" selected>Default</option>
|
<option value="position" selected>Default</option>
|
||||||
<option value="title">Title</option>
|
<option value="title">Title</option>
|
||||||
|
@ -12,8 +13,7 @@
|
||||||
<option value="saturation">Saturation</option>
|
<option value="saturation">Saturation</option>
|
||||||
<option value="lightness">Lightness</option>
|
<option value="lightness">Lightness</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="films" id="films">
|
|
||||||
{% for film in films %}
|
{% for film in films %}
|
||||||
<div class="film"
|
<div class="film"
|
||||||
data-position="{{ film.position }}"
|
data-position="{{ film.position }}"
|
||||||
|
|
Loading…
Reference in a new issue