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:
parent
a4c13af578
commit
f7cf7e6848
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue