ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add spacing to comment reply button

This commit is contained in:
keyan 2023-10-26 12:17:43 -05:00
parent 41cb6ac3d8
commit 02b98582b8
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/reply.js
View File

@ -159,9 +159,8 @@ export default forwardRef(function Reply ({ item, onSuccess, replyOpen, children
{replyOpen {replyOpen
? <div className={styles.replyButtons} /> ? <div className={styles.replyButtons} />
: ( : (
<div className={styles.replyButtons}>
<div <div
onPointerDown={e => { className={styles.replyButtons} onPointerDown={e => {
if (!reply) { if (!reply) {
e.preventDefault() e.preventDefault()
ref?.current?.quoteReply({ selectionOnly: true }) ref?.current?.quoteReply({ selectionOnly: true })
@ -169,6 +168,7 @@ export default forwardRef(function Reply ({ item, onSuccess, replyOpen, children
setReply(!reply) setReply(!reply)
}} }}
> >
<div>
{reply ? 'cancel' : 'reply'} {reply ? 'cancel' : 'reply'}
</div> </div>
{/* HACK if we need more items, we should probably do a comment toolbar */} {/* HACK if we need more items, we should probably do a comment toolbar */}

4
components/reply.module.css
View File

@ -5,13 +5,13 @@
} }
.replyButtons { .replyButtons {
font-size: 70%; font-size: 75%;
color: var(--theme-grey); color: var(--theme-grey);
font-weight: bold; font-weight: bold;
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
padding: .25rem 0 .5rem 0; padding: .25rem 0 .8rem 0;
line-height: 1rem; line-height: 1rem;
vertical-align: middle; vertical-align: middle;
} }