mirror of
https://github.com/minetest/contentdb.git
synced 2024-09-20 12:58:29 +02:00
Improve package grid
This commit is contained in:
parent
c551201f79
commit
8eedbf64a4
@ -1,24 +1,17 @@
|
|||||||
.packagegrid {
|
.packagetile {
|
||||||
display: flex;
|
list-style: none;
|
||||||
flex-wrap: wrap;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0 -7px;
|
margin: 0 7px 7px 0;
|
||||||
|
min-width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.packagegrid li {
|
li.d-flex {
|
||||||
flex: 1;
|
list-style: none;
|
||||||
display: block;
|
|
||||||
min-width: 300px;
|
|
||||||
min-height: 200px;
|
|
||||||
max-width: 332px;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 7px;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.packagegrid a {
|
.packagetile a {
|
||||||
display: block;
|
display: block;
|
||||||
padding-bottom: 66.66%;
|
padding-bottom: 66.66%;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
@ -29,10 +22,6 @@
|
|||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.packagegrid a:hover {
|
|
||||||
// box-shadow: 0px 0px 16px 6px rgba(0,0,0,0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.packagegridscrub {
|
.packagegridscrub {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@ -63,15 +52,15 @@
|
|||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.packagegrid a:hover .packagegridinfo {
|
.packagetile a:hover .packagegridinfo {
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.packagegrid a:hover p {
|
.packagetile a:hover p {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.packagegrid a:hover .packagegridscrub {
|
.packagetile a:hover .packagegridscrub {
|
||||||
top: 0;
|
top: 0;
|
||||||
background: rgba(0,0,0,0.8);
|
background: rgba(0,0,0,0.8);
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
{% macro render_pkgtile(package, show_author) -%}
|
{% macro render_pkgtile(package, show_author) -%}
|
||||||
<li><a href="{{ package.getDetailsURL() }}"
|
<li class="packagetile flex-fill"><a href="{{ package.getDetailsURL() }}"
|
||||||
style="background-image: url({{ package.getThumbnailURL() or '/static/placeholder.png' }});">
|
style="background-image: url({{ package.getThumbnailURL() or '/static/placeholder.png' }});">
|
||||||
<div class="packagegridscrub"></div>
|
<div class="packagegridscrub"></div>
|
||||||
<div class="packagegridinfo">
|
<div class="packagegridinfo">
|
||||||
@ -34,11 +34,18 @@
|
|||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
{% macro render_pkggrid(packages, show_author=True) -%}
|
{% macro render_pkggrid(packages, show_author=True) -%}
|
||||||
<ul class="packagegrid">
|
<ul class="d-flex p-0 flex-row flex-wrap justify-content-start align-content-start ">
|
||||||
{% for p in packages %}
|
{% for p in packages %}
|
||||||
{{ render_pkgtile(p, show_author) }}
|
{{ render_pkgtile(p, show_author) }}
|
||||||
{% else %}
|
{% else %}
|
||||||
<li><i>No packages available</i></ul>
|
<li><i>No packages available</i></ul>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
{% set amt=packages|length %}
|
||||||
|
{% if amt > 4 %}
|
||||||
|
{% set amt=4 %}
|
||||||
|
{% endif %}
|
||||||
|
{% for i in range(amt) %}
|
||||||
|
<li class="packagetile flex-fill"></li>
|
||||||
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
@ -48,8 +48,8 @@ def send_upload(path):
|
|||||||
def home_page():
|
def home_page():
|
||||||
query = Package.query.filter_by(approved=True, soft_deleted=False)
|
query = Package.query.filter_by(approved=True, soft_deleted=False)
|
||||||
count = query.count()
|
count = query.count()
|
||||||
new = query.order_by(db.desc(Package.created_at)).limit(15).all()
|
new = query.order_by(db.desc(Package.created_at)).limit(12).all()
|
||||||
popular = query.order_by(db.desc(Package.score)).limit(6).all()
|
popular = query.order_by(db.desc(Package.score)).limit(8).all()
|
||||||
return render_template("index.html", new=new, popular=popular, count=count)
|
return render_template("index.html", new=new, popular=popular, count=count)
|
||||||
|
|
||||||
from . import users, githublogin, packages, meta, threads, api
|
from . import users, githublogin, packages, meta, threads, api
|
||||||
|
@ -114,7 +114,7 @@ def packages_page():
|
|||||||
return redirect("https://forum.minetest.net/viewtopic.php?t=" + str(topic.topic_id))
|
return redirect("https://forum.minetest.net/viewtopic.php?t=" + str(topic.topic_id))
|
||||||
|
|
||||||
page = int(request.args.get("page") or 1)
|
page = int(request.args.get("page") or 1)
|
||||||
num = min(42, int(request.args.get("n") or 100))
|
num = min(40, int(request.args.get("n") or 100))
|
||||||
query = query.paginate(page, num, True)
|
query = query.paginate(page, num, True)
|
||||||
|
|
||||||
search = request.args.get("q")
|
search = request.args.get("q")
|
||||||
|
Loading…
Reference in New Issue
Block a user