mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-11 18:03:13 +01:00
9e74063498
Various fixes to pages or elements which were looking ugly on mobile. <details> <summary>Screenshots</summary> ![Bildschirmfoto vom 2023-06-17 20-38-41](https://github.com/go-gitea/gitea/assets/47871822/30b5d3ce-df3b-43eb-a4c2-c3790667fb9d) ![Bildschirmfoto vom 2023-06-17 20-39-27](https://github.com/go-gitea/gitea/assets/47871822/27c07b25-3602-4fb2-b34d-d5e875e054e9) ![Bildschirmfoto vom 2023-06-17 20-41-27](https://github.com/go-gitea/gitea/assets/47871822/dacdbb4e-e3dd-4b94-abf0-c68e3d64bd3b) ![Bildschirmfoto vom 2023-06-17 20-41-48](https://github.com/go-gitea/gitea/assets/47871822/72432c35-7c4a-4c7f-a767-3562f26a5c14) ![Bildschirmfoto vom 2023-06-17 20-42-37](https://github.com/go-gitea/gitea/assets/47871822/737c26ed-1910-4467-98ef-e8769bbbe6f0) ![Bildschirmfoto vom 2023-06-17 20-42-52](https://github.com/go-gitea/gitea/assets/47871822/1813b4bc-43c0-4912-8acb-5d799c090bf3) ![Bildschirmfoto vom 2023-06-17 20-43-06](https://github.com/go-gitea/gitea/assets/47871822/136466e8-34e5-419d-97ec-5202ff819fd2) ![Bildschirmfoto vom 2023-06-17 20-43-42](https://github.com/go-gitea/gitea/assets/47871822/59270bb2-d661-4a84-8504-3e50f771f767) ![Bildschirmfoto vom 2023-06-17 20-44-44](https://github.com/go-gitea/gitea/assets/47871822/494e274d-3771-4141-9419-0a4bbd8b7f64) </details> Co-authored by @silverwind --------- Co-authored-by: silverwind <me@silverwind.io>
58 lines
1.1 KiB
CSS
58 lines
1.1 KiB
CSS
.list-header {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: .5rem;
|
|
}
|
|
|
|
.list-header-sort {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
}
|
|
|
|
.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 .input {
|
|
flex: 1;
|
|
}
|
|
|
|
.small-menu-items {
|
|
min-height: 35.4px !important; /* match .small.button in height */
|
|
background: none !important; /* fomantic sets a color here which does not play well with active transparent color on the item, so unset and set the colors on the item */
|
|
}
|
|
|
|
.small-menu-items .item {
|
|
background: var(--color-menu) !important;
|
|
padding-top: 6px !important;
|
|
padding-bottom: 6px !important;
|
|
}
|
|
|
|
.small-menu-items .item:hover {
|
|
background: var(--color-hover) !important;
|
|
}
|
|
|
|
.small-menu-items .item.active {
|
|
background: var(--color-active) !important;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.list-header-search {
|
|
order: 0;
|
|
}
|
|
.list-header-toggle {
|
|
order: 1;
|
|
}
|
|
.list-header-sort {
|
|
order: 2;
|
|
margin-left: auto;
|
|
}
|
|
}
|