chore: fix various layout problems (#37983)

Fix various misaligments, fix space between list item bar items, remove
deadcode (milestone dashboard)
This commit is contained in:
wxiaoguang
2026-06-06 17:24:03 +08:00
committed by GitHub
parent 4088d7e241
commit e88650cfcf
13 changed files with 93 additions and 148 deletions

View File

@@ -32,7 +32,7 @@
.items-with-main > .item {
display: flex;
gap: 8px;
gap: var(--gap-block);
align-items: flex-start;
}
@@ -44,7 +44,7 @@
.items-with-main > .item .item-main {
display: flex;
flex-direction: column;
gap: 0.25em;
gap: var(--gap-inline);
flex-grow: 1;
flex-basis: 60%; /* avoid wrapping the "item-trailing" too aggressively */
min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */
@@ -52,7 +52,7 @@
.items-with-main > .item .item-header {
display: flex;
gap: .25rem;
gap: var(--gap-inline);
justify-content: space-between;
flex-wrap: wrap;
}
@@ -63,7 +63,7 @@
.items-with-main > .item .item-trailing {
display: flex;
gap: 0.5rem;
gap: var(--gap-block);
align-items: center;
flex-grow: 0;
flex-wrap: wrap;
@@ -92,7 +92,7 @@
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .25rem;
gap: var(--gap-inline);
color: var(--color-text-light-2);
overflow-wrap: anywhere;
}