f

macwilko · Jan 12, 2024 · 5eb9ec5 · 5eb9ec5
1 parent c2672da
commit 5eb9ec5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/app/components/channel-feed.jsx b/app/components/channel-feed.jsx
@@ -288,6 +288,7 @@ export default function ChannelFeed(props) {
                 })}
                 {messages.map((e, i) => {
                     const isEnd = i == (messages.length - 1);
+                    const isReplyingTo = !!replyingTo;
                     if (i % 50 == 0) {
                         return (
                             <span ref={(ref) => pageTops.current[i / 50] = ref} key={`cm-${e.id}-${i}`}>
@@ -301,7 +302,7 @@ export default function ChannelFeed(props) {
                         );
                     } else {
                         return (
-                            <span key={`cm-${e.id}-${i}`} style={{paddingBottom:  isEnd ? 20 : 0 }}>
+                            <span key={`cm-${e.id}-${i}`} style={{paddingBottom:  isEnd ? isReplyingTo ? 50 : 20 : 0 }}>
                                 <ChannelMessage
                                     channel={channel}
                                     community={community}

diff --git a/app/components/styles.channel-replybox.css b/app/components/styles.channel-replybox.css
@@ -21,12 +21,16 @@
 }
 
 .wk-reply-to {
-    border-radius: var(--radius-3);
+    position: absolute;
+    top: -33px;
+    left: 0px;
+    right: 0px;
+    border-radius: var(--radius-6);
     padding: var(--space-1);
     padding-left: var(--space-2);
     padding-right: var(--space-2);
     border: 1px solid var(--gray-a3);
-    background-color: var(--mauve-a3);
+    background-color: var(--yellow-6);
     -webkit-backdrop-filter: blur(8px);
     backdrop-filter: blur(8px);
     display: flex;