Backport #25368 by @denyskon Fix #24846 applying the solution proposed by @silverwind <details> <summary>Screenshots</summary> ![Bildschirmfoto vom 2023-06-19 12-20-54](https://github.com/go-gitea/gitea/assets/47871822/3f4e4536-38c4-451b-bfc0-a7c39acd37f0) ![Bildschirmfoto vom 2023-06-19 12-21-02](https://github.com/go-gitea/gitea/assets/47871822/3403ecc2-4d7f-4acd-b0c0-1b7a10228ff7) ![Bildschirmfoto vom 2023-06-19 12-21-16](https://github.com/go-gitea/gitea/assets/47871822/ef28a2bf-b7cc-4aec-b54b-99d2cc46a1f6) ![Bildschirmfoto vom 2023-06-19 12-21-21](https://github.com/go-gitea/gitea/assets/47871822/f8cd72a5-379e-410b-b0ef-d58895719370) ![Bildschirmfoto vom 2023-06-19 12-21-28](https://github.com/go-gitea/gitea/assets/47871822/34c78301-820c-4106-a086-ae81dc97eb91) ![Bildschirmfoto vom 2023-06-19 12-21-48](https://github.com/go-gitea/gitea/assets/47871822/b677adf1-3a48-42c8-befe-fa9d2679f0a3) </details> Replaces #25335 Co-authored-by: Denys Konovalov <kontakt@denyskon.de>tags/v1.20.0-rc1
@@ -89,7 +89,7 @@ | |||
{{template "repo/issue/openclose" .}} | |||
</div> | |||
<div class="issue-list-toolbar-right"> | |||
<div class="ui secondary filter stackable menu labels"> | |||
<div class="ui secondary filter menu labels"> | |||
<!-- Label --> | |||
<div class="ui {{if not .Labels}}disabled{{end}} dropdown jump item label-filter"> | |||
<span class="text"> | |||
@@ -277,7 +277,7 @@ | |||
{{template "repo/issue/openclose" .}} | |||
</div> | |||
<div class="issue-list-toolbar-right"> | |||
<div class="ui secondary filter stackable menu"> | |||
<div class="ui secondary filter menu"> | |||
{{if not .Repository.IsArchived}} | |||
<!-- Action Button --> | |||
{{if .IsShowClosed}} |
@@ -1,6 +1,7 @@ | |||
.issue-list-toolbar { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
align-items: flex-start; | |||
gap: 1rem; | |||
margin-top: 1rem; | |||
@@ -10,17 +11,19 @@ | |||
display: flex; | |||
} | |||
.issue-list-toolbar-right { | |||
margin-left: auto; | |||
.issue-list-toolbar-right .filter.menu { | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
gap: 8px; | |||
} | |||
@media (max-width: 767.98px) { | |||
.issue-list-toolbar { | |||
flex-direction: column-reverse; | |||
} | |||
.issue-list-toolbar-right { | |||
margin-right: auto; | |||
width: 100%; | |||
.issue-list-toolbar-right .dropdown .menu { | |||
left: auto !important; | |||
right: auto !important; | |||
} | |||
.issue-list-navbar { | |||
order: 0; |