finn/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix admin-dl-horizontal (#25512)

Browse source 
![image](fb731e07-da30-4470-8200-73b5ca8b78f1)


![image](85930b6f-5df7-437f-863f-423f3b81dd26)

---------

Co-authored-by: HesterG <hestergong@gmail.com>
Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
wxiaoguang 2023-06-27 17:14:45 +08:00 • committed by GitHub
parent 1069472c0c
commit 6dbcf6fbc5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

35
web_src/css/admin.css
View file

@ -15,32 +15,27 @@
flex-wrap: wrap;
}
.admin dl.admin-dl-horizontal dd {
margin-left: auto;
width: calc(100% - 245px);
}
@media (max-width: 767.98px) {
.admin dl.admin-dl-horizontal dd {
width: calc(100% - 185px);
}
}
/* divider needs explicit width to become visible here */
/* divider needs explicit width because the parent container is "display: flex" */
.admin dl.admin-dl-horizontal .ui.divider {
width: 100%;
}
.admin dl.admin-dl-horizontal dt {
font-weight: var(--font-weight-semibold);
width: 220px;
margin-right: 5px;
.admin dl.admin-dl-horizontal dt,
.admin dl.admin-dl-horizontal dd {
line-height: 1;
padding: 5px 0;
}
@media (max-width: 767.98px) {
.admin dl.admin-dl-horizontal dt {
width: 160px;
}
.admin dl.admin-dl-horizontal dt {
width: 300px;
max-width: calc(100% - 100px - 1em);
font-weight: var(--font-weight-semibold);
}
.admin dl.admin-dl-horizontal dd {
margin-left: auto;
width: calc(100% - 300px - 1em);
min-width: 100px;
}
.admin code,