+10

src/app.css

reviewed

··· 641 641 .status-reply-to:not(.visibility-direct):not(.status-card) { 642 642 background-image: none; 643 643 } 644 644 + .timeline:not(.flat) 645 645 + > li.timeline-item-diff-author 646 646 + > .status-link 647 647 + > .status 648 648 + > a 649 649 + > .avatar { 650 650 + transform: scale(0.8); 651 651 + filter: drop-shadow(0 0 16px var(--bg-color)) 652 652 + drop-shadow(0 0 8px var(--bg-color)) drop-shadow(0 0 8px var(--bg-color)); 653 653 + } 644 654 645 655 .timeline .show-more { 646 656 padding-left: calc(var(--line-end) + var(--line-margin-end)) !important;

+3 -1

src/components/timeline.jsx

reviewed

··· 398 398 } 399 399 const manyItems = items.length > 3; 400 400 return items.map((item, i) => { 401 401 - const { id: statusID } = item; 401 401 + const { id: statusID, _differentAuthor } = item; 402 402 const url = instance 403 403 ? `/${instance}/s/${statusID}` 404 404 : `/s/${statusID}`; ··· 416 416 : i === items.length - 1 417 417 ? 'end' 418 418 : 'middle' 419 419 + } ${ 420 420 + _differentAuthor ? 'timeline-item-diff-author' : '' 419 421 }`} 420 422 > 421 423 <Link class="status-link timeline-item" to={url}>

+10

src/utils/timeline-utils.jsx

reviewed

··· 130 130 }); 131 131 }); 132 132 133 133 + // Tag items that has different author than first post's author 134 134 + contexts.forEach((context) => { 135 135 + const firstItemAccountID = context[0].account.id; 136 136 + context.forEach((item) => { 137 137 + if (item.account.id !== firstItemAccountID) { 138 138 + item._differentAuthor = true; 139 139 + } 140 140 + }); 141 141 + }); 142 142 + 133 143 if (contexts.length) console.log('🧵 Contexts', contexts); 134 144 135 145 const newItems = [];