fix(regression): improve discussion list item styling extensibility (#4128)

This commit is contained in:
Sami Mazouz 2024-11-23 14:31:03 +01:00 committed by GitHub
parent 464b67f848
commit 770feabb59
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 15 additions and 9 deletions

View File

@ -15,15 +15,24 @@
.DiscussionListItem-content {
position: relative;
color: var(--muted-color);
display: grid;
grid-template-columns: auto minmax(50%, 1fr) auto;
display: flex;
gap: 16px;
padding: 12px 26px 12px 0;
> * {
flex-grow: 0;
flex-shrink: 0;
}
}
.DiscussionListItem-main {
color: inherit;
text-decoration: none;
display: block;
flex-grow: 1;
flex-shrink: 1;
}
.DiscussionListItem-author {
position: relative;
}
.DiscussionListItem-author-avatar {
display: block;
@ -35,7 +44,7 @@
pointer-events: none;
position: absolute;
top: 0;
top: -14px;
left: -2px;
}
.DiscussionListItem-title {
@ -167,9 +176,9 @@
}
}
.DiscussionListItem-badges {
width: 38px;
left: 19px;
top: -4px;
width: 48px;
left: -4px;
top: -15px;
.badge {
.Badge--size(20px);

View File

@ -48,9 +48,6 @@
overflow: hidden;
text-overflow: ellipsis;
}
.DiscussionListItem-badges {
left: 12px;
}
}
}