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 +8 -4
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0c01330587 - Show all commits

4
common/static/common/styles/_navigation.sass
View File

@ -1,6 +1,10 @@
.dropdown-toggle .dropdown-toggle
height: calc(var(--spacer) * 2) height: calc(var(--spacer) * 2)
.dropdown-menu-filter-sort
max-height: calc(var(--spacer) * 28)
overflow: auto
.navbar-search .navbar-search
input input
min-width: calc(var(--spacer) * 4) min-width: calc(var(--spacer) * 4)

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

@ -21,7 +21,7 @@
{% if tags %} {% if tags %}
<div class="d-flex flex-column flex-md-row"> <div class="d-flex flex-column flex-md-row">
<div class="box dropdown me-md-3 p-2 rounded-2"> <div class="box dropdown me-md-3 p-2 rounded-2">
<button class="align-items-center d-flex dropdown-toggle js-dropdown-toggle" data-toggle-menu-id="js-dropdown-filter"> <button class="align-items-center d-flex dropdown-toggle js-dropdown-toggle" data-toggle-menu-id="js-dropdown-menu-filter">
{% if tag %} {% if tag %}
{{ tag.name }} {{ tag.name }}
{# TODO: @back-end add tags count dynamic #} {# TODO: @back-end add tags count dynamic #}
@ -38,7 +38,7 @@
<i class="i-chevron-down"></i> <i class="i-chevron-down"></i>
</button> </button>
<ul class="dropdown-menu dropdown-menu-right js-dropdown-menu" id="js-dropdown-filter"> <ul class="dropdown-menu dropdown-menu-filter-sort dropdown-menu-right js-dropdown-menu" id="js-dropdown-menu-filter">
<li> <li>
{% if tag %} {% if tag %}
{# If tag is active, show button 'All'. #} {# If tag is active, show button 'All'. #}
@ -66,10 +66,10 @@
</ul> </ul>
</div> </div>
<div class="box dropdown p-2 rounded-2"> <div class="box dropdown p-2 rounded-2">
<button class="dropdown-toggle js-dropdown-toggle" data-toggle-menu-id="js-dropdown-sort"> <button class="dropdown-toggle js-dropdown-toggle" data-toggle-menu-id="js-dropdown-menu-sort">
Sort by <i class="i-chevron-down"></i> Sort by <i class="i-chevron-down"></i>
</button> </button>
<ul class="dropdown-menu dropdown-menu-right js-dropdown-menu" id="js-dropdown-sort"> <ul class="dropdown-menu dropdown-menu-filter-sort dropdown-menu-right js-dropdown-menu" id="js-dropdown-menu-sort">
<li> <li>
<a class="dropdown-item" href="#"> <a class="dropdown-item" href="#">
Newest First Newest First