citra-emu
/
citra-web
Archived
1
0
Fork 0
Code

Tweaked games listing, disabled pagination. Made tables responsive. Added icon for rating in Compatibility section.

This commit is contained in:
chris062689 2017-06-05 16:25:37 -04:00
parent 36650a3f45
commit 2a44707128
3 changed files with 10 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
site/themes/citra-bs-theme/layouts/game/list.html
View File

@ -13,7 +13,7 @@
</tbody> </tbody>
</table> </table>
<table class="table"> <table class="table table-responsive">
<thead> <thead>
<tr> <tr>
<th></th> <th></th>
@ -23,11 +23,10 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{{ $paginator := .Paginate .Data.Pages 50 }} {{ range .Data.Pages }}
{{ range $paginator.Pages }}
{{ $rating := index .Site.Data.compatibility ( string .Params.compatibility | default "0" ) }} {{ $rating := index .Site.Data.compatibility ( string .Params.compatibility | default "0" ) }}
<tr> <tr>
<td><img class="img-responsive" src="{{ .Site.BaseURL }}images/game/icons/{{ default (print .File.BaseFileName ".png") }}" /></td> <td style="width: 55px;"><img class="img-responsive game-icon-list" src="{{ .Site.BaseURL }}images/game/icons/{{ default (print .File.BaseFileName ".png") }}" /></td>
<td><a href="{{ .Permalink }}">{{ .Params.title }}</a></td> <td><a href="{{ .Permalink }}">{{ .Params.title }}</a></td>
<td><div class="square-icon" style="background-color: {{ $rating.color }}"></div> {{ $rating.name }}</td> <td><div class="square-icon" style="background-color: {{ $rating.color }}"></div> {{ $rating.name }}</td>
<td>{{ dateFormat "January 2, 2006" .Params.tested_date }}</td> <td>{{ dateFormat "January 2, 2006" .Params.tested_date }}</td>
@ -35,6 +34,4 @@
{{ end }} {{ end }}
</tbody> </tbody>
</table> </table>
{{ partial "pagination" . }}
{{ end }} {{ end }}

8
site/themes/citra-bs-theme/layouts/game/single.html
View File

@ -33,7 +33,7 @@
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<!-- Metadata information --> <!-- Metadata information -->
<table class="table table-striped table-bordered"> <table class="table table-responsive table-striped table-bordered">
<tbody> <tbody>
<tr> <tr>
<td style="width: 100px;">Status</td> <td style="width: 100px;">Status</td>
@ -71,7 +71,7 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h2>Compatibility</h2> <h2>Compatibility</h2>
<table class="table table-striped"> <table class="table table-responsive table-striped">
<thead> <thead>
<tr> <tr>
<th>Date</th> <th>Date</th>
@ -85,7 +85,7 @@
<td>{{ dateFormat "January 2, 2006" .Params.tested_date }}</td> <td>{{ dateFormat "January 2, 2006" .Params.tested_date }}</td>
<td><a href="https://community.citra-emu.org/u/{{ .Params.tested_by }}/summary">{{ .Params.tested_by }}</a></td> <td><a href="https://community.citra-emu.org/u/{{ .Params.tested_by }}/summary">{{ .Params.tested_by }}</a></td>
<td>{{ .Params.tested_version }}</td> <td>{{ .Params.tested_version }}</td>
<td><b>{{ $rating.name }}</b></td> <td><b><div class="square-icon" style="background-color: {{ $rating.color }}"></div> {{ $rating.name }}</b></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -96,7 +96,7 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h2>Savefiles</h2> <h2>Savefiles</h2>
<table class="table table-striped"> <table class="table table-responsive table-striped">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>

9
site/themes/citra-bs-theme/static/css/style.css
View File

@ -320,9 +320,6 @@ a:hover, a:focus {
/* Used for square boxes color coded */ /* Used for square boxes color coded */
.square-icon { float: left; margin-top: 2px; margin-right: 4px; width: 16px; height: 16px; background-color: black; } .square-icon { float: left; margin-top: 2px; margin-right: 4px; width: 16px; height: 16px; background-color: black; }
.compat-0 { background-color: green; }
.compat-1 { } /* Games Module */
.compat-2 { } .game-icon-list { }
.compat-3 { }
.compat-4 { }
.compat-5 { }