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

only outline eldest new comment ... unset on touch

This commit is contained in:
keyan 2023-08-07 09:29:47 -05:00
parent d661c70f16
commit 0867f3ff1c
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/comment.js
View File

@ -135,7 +135,8 @@ export default function Comment ({
return ( return (
<div <div
ref={ref} className={includeParent ? '' : `${styles.comment} ${collapse === 'yep' ? styles.collapsed : ''}`} ref={ref} className={includeParent ? '' : `${styles.comment} ${collapse === 'yep' ? styles.collapsed : ''}`}
onMouseEnter={() => ref.current.classList.remove('outline-new-comment')} onMouseEnter={() => ref.current.classList.add('outline-new-comment-unset')}
onTouchStart={() => ref.current.classList.add('outline-new-comment-unset')}
> >
<div className={`${itemStyles.item} ${styles.item}`}> <div className={`${itemStyles.item} ${styles.item}`}>
{item.meDontLike {item.meDontLike

10
styles/globals.scss
View File

@ -689,7 +689,15 @@ div[contenteditable]:focus,
} }
.outline-new-comment { .outline-new-comment {
box-shadow: inset 0 0 1px 1px rgba(0, 123, 190, 0.35); box-shadow: inset 0 0 1px 1px rgba(0, 123, 190, 0.25);
}
.outline-new-comment.outline-new-comment-unset {
box-shadow: none;
}
.outline-new-comment .outline-new-comment {
box-shadow: none;
} }
@keyframes spin { @keyframes spin {