Fix config list overflow and layout (#24312)

Fixes: https://github.com/go-gitea/gitea/issues/24299

<img width="531" alt="Screenshot 2023-04-24 at 21 05 40"
src="https://user-images.githubusercontent.com/115237/234091905-9db42697-87b3-40a0-bd18-9e910ad8a2ae.png">
This commit is contained in:
silverwind 2023-04-30 19:32:07 +02:00 committed by GitHub
parent a4c13af578
commit f7cf7e6848
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 7 deletions

View File

@ -11,23 +11,30 @@
.admin dl.admin-dl-horizontal { .admin dl.admin-dl-horizontal {
padding: 1em; padding: 1em;
margin: 0; margin: 0;
display: flex;
flex-wrap: wrap;
} }
.admin dl.admin-dl-horizontal dd { .admin dl.admin-dl-horizontal dd {
margin-left: 275px; margin-left: auto;
width: calc(100% - 245px);
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.admin dl.admin-dl-horizontal dd { .admin dl.admin-dl-horizontal dd {
margin-left: 5%; width: calc(100% - 185px);
} }
} }
/* divider needs explicit width to become visible here */
.admin dl.admin-dl-horizontal .ui.divider {
width: 100%;
}
.admin dl.admin-dl-horizontal dt { .admin dl.admin-dl-horizontal dt {
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
float: left; width: 220px;
width: 285px; margin-right: 5px;
clear: left;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -35,8 +42,7 @@
@media (max-width: 767px) { @media (max-width: 767px) {
.admin dl.admin-dl-horizontal dt { .admin dl.admin-dl-horizontal dt {
width: auto; width: 160px;
margin-right: 0.5em;
} }
} }