GKaszewski/movies-diary
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance movie rating display with star icons and improved styling

Browse Source
This commit is contained in:
Gabriel Kaszewski
2026-05-04 15:43:02 +02:00
parent bbb2ee00d6
commit 59d308f41b
2 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
crates/adapters/template-askama/templates/diary.html
View File

@@ -16,7 +16,13 @@
{% if let Some(dir) = entry.movie().director() %} {% if let Some(dir) = entry.movie().director() %}
<div class="director">{{ dir }}</div> <div class="director">{{ dir }}</div>
{% endif %} {% endif %}
<div class="rating">{{ entry.review().rating().value() }}/5</div> <div class="rating">
<span class="star {% if entry.review().rating().value() >= 1 %}filled{% else %}empty{% endif %}">★</span>
<span class="star {% if entry.review().rating().value() >= 2 %}filled{% else %}empty{% endif %}">★</span>
<span class="star {% if entry.review().rating().value() >= 3 %}filled{% else %}empty{% endif %}">★</span>
<span class="star {% if entry.review().rating().value() >= 4 %}filled{% else %}empty{% endif %}">★</span>
<span class="star {% if entry.review().rating().value() >= 5 %}filled{% else %}empty{% endif %}">★</span>
</div>
{% if let Some(comment) = entry.review().comment() %} {% if let Some(comment) = entry.review().comment() %}
<div class="comment">{{ comment.value() }}</div> <div class="comment">{{ comment.value() }}</div>
{% endif %} {% endif %}

14
static/style.css
View File

@@ -175,10 +175,18 @@ nav a:hover {
} }
.rating { .rating {
font-size: 0.88em; margin-bottom: 4px;
font-weight: 700; font-size: 1.15em;
letter-spacing: 3px;
}
.star.filled {
color: var(--aqua); color: var(--aqua);
margin-bottom: 2px; text-shadow: 0 0 8px var(--aqua-glow), 0 0 2px var(--aqua);
}
.star.empty {
color: rgba(255, 255, 255, 0.2);
} }
.comment { .comment {