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

7
src/styles/comments.css
View File

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