Skip to content

Commit

Permalink
Fix issue filters on mobile view (go-gitea#25368)
Browse files Browse the repository at this point in the history
  • Loading branch information
denyskon authored Jun 19, 2023
1 parent 749802c commit 7f38cf7
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 7 deletions.
4 changes: 2 additions & 2 deletions templates/repo/issue/list.tmpl
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -278,7 +278,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}}
Expand Down
13 changes: 8 additions & 5 deletions web_src/css/repo/issue-list.css
Original file line number Diff line number Diff line change
@@ -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;
Expand All @@ -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;
Expand Down

0 comments on commit 7f38cf7

Please sign in to comment.