infrastructure/extensions-website
4
8
Fork 10
Code Issues 20 Pull Requests 2 Projects Releases Wiki Activity

Extensions list: sort_by parameter #159

Merged
Márton Lente merged 36 commits from filter-sort into main 2024-06-03 12:57:45 +02:00
Conversation 0 Commits 36 Files Changed 6 +12 -2
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d0eb57cb7f - Show all commits

8
common/static/common/styles/_box.sass
View File

@ -1,5 +1,6 @@
.box-outline .box-outline
@extend .box @extend .box
background-color: transparent background-color: transparent
border: var(--border-width) solid var(--border-color) border: var(--border-width) solid var(--border-color)
box-shadow: none box-shadow: none
@ -7,3 +8,10 @@
.box .box
&.is-flatpage &.is-flatpage
+style-rich-text +style-rich-text
.box-filter-sort
.box-filter-sort-end
background: linear-gradient(270deg, rgba(48, 53, 69, 1) 0%, rgba(0, 0, 0, 0) 100%) // --box-bg-color
.box-filter-sort-start
background: linear-gradient(90deg, rgba(48, 53, 69, 1) 0%, rgba(0, 0, 0, 0) 100%) // --box-bg-color

6
extensions/templates/extensions/list.html
View File

@ -46,8 +46,9 @@
{% if tags %} {% if tags %}
<div class="mb-3 row"> <div class="mb-3 row">
<div class="col-md-12"> <div class="col-md-12">
<div class="box p-2"> <div class="box box-filter-sort overflow-hidden p-2">
<div class="btn-row"> <div class="box-filter-sort-start h-100 position-absolute start-0 top-0 w-5 z-1"></div>
<div class="btn-row flex-nowrap overflow-x-auto">
{# TODO: @back-end add conditional link to either Add-ons or Themes pages #} {# TODO: @back-end add conditional link to either Add-ons or Themes pages #}
<a class="align-items-center btn btn-sm d-flex {% if not tag %}btn-primary{% endif %}" href="/add-ons" title="All"> <a class="align-items-center btn btn-sm d-flex {% if not tag %}btn-primary{% endif %}" href="/add-ons" title="All">
<div> <div>
@ -69,6 +70,7 @@
</a> </a>
{% endfor %} {% endfor %}
</div> </div>
<div class="box-filter-sort-end end-0 h-100 position-absolute top-0 w-5"></div>
</div> </div>
</div> </div>
</div> </div>