tdsds.com/gitea
1
1
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2025-10-31 03:18:24 +00:00
Code Releases Activity

Improve issue list layout (#26983)

Browse Source 
Align everything with a new layout.

* Use "baseline" for some special elements, the "flex-item-icon" is for
the issue list only at the moment and I think it should be general
enough now (but not using "flex-item-leading" anymore in this case).
* Make the labels stretch themselves.
This commit is contained in:
wxiaoguang
2023-09-09 20:23:57 +08:00
committed by GitHub
parent 049b9f3718
commit 58abd4f06c
3 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web_src/css/shared/flex-list.css
View File

@@ -34,9 +34,11 @@
}
.flex-item .flex-item-icon {
display: flex;
align-items: center;
height: 20px; /* match the default flex-item-title height */
align-self: baseline; /* mainly used by the issue list, to align the leading icon with the title */
}
.flex-item .flex-item-icon + .flex-item-main {
align-self: baseline;
}
.flex-item .flex-item-trailing {
@@ -59,7 +61,6 @@
font-weight: var(--font-weight-semibold);
word-break: break-word;
min-width: 0;
min-height: 20px;
}
.flex-item .flex-item-title a {