Cool_Tools/vichan
1
0
Fork 0
mirror of https://github.com/vichan-devel/vichan.git synced 2024-11-30 18:24:29 +01:00
Code Releases Wiki Activity

Merge pull request #828 from Zankaria/catalog-styling

Browse Source 
Adjust the catalog styling
This commit is contained in:
Lorenzo Yario 2024-10-31 13:52:34 -07:00 committed by GitHub
commit eb2ac9c75a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 30 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
stylesheets/style.css
View File

@ -620,6 +620,10 @@ pre {
margin: 0; margin: 0;
} }
.theme-catalog .controls > span {
margin-right: 1em;
}
.theme-catalog div.thread img { .theme-catalog div.thread img {
float: none!important; float: none!important;
margin: auto; margin: auto;
@ -629,13 +633,20 @@ pre {
border: 2px solid rgba(153,153,153,0); border: 2px solid rgba(153,153,153,0);
} }
/* Still for the catalog theme */
#Grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
gap: 0.2em;
}
.theme-catalog div.thread { .theme-catalog div.thread {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
margin-top: 2px;
margin-bottom: 2px;
padding: 2px; padding: 2px;
height: 300px; height: 300px;
width: 205px; width: 205px;
@ -653,7 +664,6 @@ pre {
.theme-catalog div.threads { .theme-catalog div.threads {
text-align: center; text-align: center;
margin-left: -20px;
} }
.theme-catalog div.thread:hover { .theme-catalog div.thread:hover {

30
templates/themes/catalog/catalog.html
View File

@ -19,20 +19,24 @@
</div> </div>
</header> </header>
<span>{% trans 'Sort by' %}: </span> <span>
<select id="sort_by" style="display: inline-block"> <span>{% trans 'Sort by' %}: </span>
<option selected value="bump:desc">{% trans 'Bump order' %}</option> <select id="sort_by" style="display: inline-block">
<option value="time:desc">{% trans 'Creation date' %}</option> <option selected value="bump:desc">{% trans 'Bump order' %}</option>
<option value="reply:desc">{% trans 'Reply count' %}</option> <option value="time:desc">{% trans 'Creation date' %}</option>
<option value="random:desc">{% trans 'Random' %}</option> <option value="reply:desc">{% trans 'Reply count' %}</option>
</select> <option value="random:desc">{% trans 'Random' %}</option>
</select>
</span>
<span>{% trans 'Image size' %}: </span> <span>
<select id="image_size" style="display: inline-block"> <span>{% trans 'Image size' %}: </span>
<option value="vsmall">{% trans 'Very small' %}</option> <select id="image_size" style="display: inline-block">
<option selected value="small">{% trans 'Small' %}</option> <option value="vsmall">{% trans 'Very small' %}</option>
<option value="large">{% trans 'Large' %}</option> <option selected value="small">{% trans 'Small' %}</option>
</select> <option value="large">{% trans 'Large' %}</option>
</select>
</span>
<div class="threads"> <div class="threads">
<div id="Grid"> <div id="Grid">
{% for post in recent_posts %} {% for post in recent_posts %}