secstate/vrobbler
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up video detail pages

Browse Source
This commit is contained in:
Colin Powell
2023-06-15 17:20:03 -04:00
parent ff5a88cb17
commit e517327ce3
1 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
vrobbler/templates/videogames/videogame_detail.html
View File

@ -7,17 +7,28 @@
{% block head_extra %} {% block head_extra %}
<style> <style>
.cover img { .cover {float:left; width:412px; margin-right:10px; padding-bottom:15px;}
width: 250px; .image-wrapper { contain: content; }
.caption {
position: fixed;
top: 15px;
left: 30px;
padding: 5px;
font-size: 110%;
font-weight: bold;
color:white;
background:rgba(0,0,0,0.4);
} }
.caption-footer {
.cover { position: fixed;
float: left; bottom: 30px;
width: 252px; left: 30px;
padding: 0; padding: 5px;
border: 1px solid #ccc; font-size: 110%;
font-weight: bold;
color:white;
background:rgba(0,0,0,0.4);
} }
.summary { .summary {
float: left; float: left;
width: 600px; width: 600px;
@ -29,8 +40,12 @@
{% block lists %} {% block lists %}
<div class="row"> <div class="row">
{% if object.hltb_cover%} {% if object.primary_image_url %}
<div class="cover"><img src="{{object.hltb_cover.url}}" /></div> <div class="cover image-wrapper">
{% if object.rating %}<div class="caption">{{object.rating}}</div>{% endif %}
<img src="{{object.primary_image_url}}" />
<div class="caption-footer">{{object.release_year}}</div>
</div>
{% endif %} {% endif %}
<div class="summary"> <div class="summary">
{% if object.summary %} {% if object.summary %}