mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-06 08:27:42 +02:00
Code Issues Releases Wiki Activity

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

Browse Source
This commit is contained in:
Sami Mazouz
2024-11-23 14:31:03 +01:00
committed by GitHub
parent 464b67f848
commit 770feabb59
2 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
framework/core/less/forum/DiscussionListItem.less
View File

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

3
framework/core/less/forum/DiscussionListPane.less
View File

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