Skip to content

Commit 7f38cf7

Browse files
authored
Fix issue filters on mobile view (#25368)
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
1 parent 749802c commit 7f38cf7

File tree

2 files changed

+10
-7
lines changed

2 files changed

+10
-7
lines changed

templates/repo/issue/list.tmpl

+2-2
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@
8989
{{template "repo/issue/openclose" .}}
9090
</div>
9191
<div class="issue-list-toolbar-right">
92-
<div class="ui secondary filter stackable menu labels">
92+
<div class="ui secondary filter menu labels">
9393
<!-- Label -->
9494
<div class="ui {{if not .Labels}}disabled{{end}} dropdown jump item label-filter">
9595
<span class="text">
@@ -278,7 +278,7 @@
278278
{{template "repo/issue/openclose" .}}
279279
</div>
280280
<div class="issue-list-toolbar-right">
281-
<div class="ui secondary filter stackable menu">
281+
<div class="ui secondary filter menu">
282282
{{if not .Repository.IsArchived}}
283283
<!-- Action Button -->
284284
{{if .IsShowClosed}}

web_src/css/repo/issue-list.css

+8-5
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
.issue-list-toolbar {
22
display: flex;
33
flex-wrap: wrap;
4+
justify-content: space-between;
45
align-items: flex-start;
56
gap: 1rem;
67
margin-top: 1rem;
@@ -10,17 +11,19 @@
1011
display: flex;
1112
}
1213

13-
.issue-list-toolbar-right {
14-
margin-left: auto;
14+
.issue-list-toolbar-right .filter.menu {
15+
flex-direction: row;
16+
flex-wrap: wrap;
17+
gap: 8px;
1518
}
1619

1720
@media (max-width: 767.98px) {
1821
.issue-list-toolbar {
1922
flex-direction: column-reverse;
2023
}
21-
.issue-list-toolbar-right {
22-
margin-right: auto;
23-
width: 100%;
24+
.issue-list-toolbar-right .dropdown .menu {
25+
left: auto !important;
26+
right: auto !important;
2427
}
2528
.issue-list-navbar {
2629
order: 0;

0 commit comments

Comments
 (0)