mirror of
https://github.com/go-gitea/gitea.git
synced 2024-12-19 17:13:44 +08:00
e619384098
Replace #26661, fix #25979 Not perfect, but usable and much better than before. Since it is quite complex, I am not quite sure whether there would be any regression, if any, I will fix in first time. I have tested the related pages many times: issue list, milestone issue list, project view, user issue list, org issue list.
46 lines
722 B
CSS
46 lines
722 B
CSS
.list-header {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: .5rem;
|
|
}
|
|
|
|
.list-header-search {
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
min-width: 200px; /* to enable flexbox wrapping on mobile */
|
|
}
|
|
|
|
.list-header-search > .ui.input {
|
|
flex: 1;
|
|
min-width: 100px !important;
|
|
}
|
|
|
|
.list-header-search > .ui.input .ui.dropdown {
|
|
min-width: auto !important;
|
|
}
|
|
|
|
.list-header-filters {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.list-header-filters > .item {
|
|
padding: 5px 0 5px 10px;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.list-header-search {
|
|
order: 0;
|
|
}
|
|
.list-header-toggle {
|
|
order: 1;
|
|
}
|
|
.list-header-filters {
|
|
order: 2;
|
|
}
|
|
}
|