degmods/degmods.com
6
1
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

refactor(comments): move style from react to css

Browse Source
This commit is contained in:
en 2025-01-30 14:42:12 +01:00
parent 94eb88bdd3
commit 1226c60917
2 changed files with 27 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/comment/CommentsPopup.tsx
View File

@ -296,41 +296,28 @@ export const CommentsPopup = () => {
</div>
{commentEvents.length > 0 && (
<>
<h3
className='IBMSMSMBSSCL_CommentNoteRepliesTitle'
style={{
display: 'flex',
flexDirection: 'row',
justifyContent: 'space-between'
}}
>
<h3 className='IBMSMSMBSSCL_CommentNoteRepliesTitle'>
Replies
<div
style={{
fontSize: '16px'
}}
<button
type='button'
className='btnMain IBMSMSMBSSCL_CommentNoteRepliesTitleBtn'
onClick={
discoveredCount ? handleDiscoveredClick : undefined
}
>
<button
type='button'
className='btnMain'
onClick={
discoveredCount ? handleDiscoveredClick : undefined
}
>
<span>
{isLoading ? (
<>
Discovering replies
<Dots />
</>
) : discoveredCount ? (
<>Load {discoveredCount} discovered replies</>
) : (
<>No new replies</>
)}
</span>
</button>
</div>
<span>
{isLoading ? (
<>
Discovering replies
<Dots />
</>
) : discoveredCount ? (
<>Load {discoveredCount} discovered replies</>
) : (
<>No new replies</>
)}
</span>
</button>
</h3>
<div className='pUMCB_RepliesToPrime'>
{commentEvents.map((reply) => (

7
src/styles/comments.css
View File

@ -479,6 +479,13 @@ hover {
width: 100%;
margin: 0 0 15px 0;
color: rgba(255, 255, 255, 0.5);
display: flex;
flex-direction: row;
justify-content: space-between;
}
.IBMSMSMBSSCL_CommentNoteRepliesTitleBtn {
font-size: 16px;
}
.IBMSMSMBSSCL_CAElementLoadWrapper {