diff --git a/src/components/reply-modal/reply-modal.module.css b/src/components/reply-modal/reply-modal.module.css index bb6f689b..6b11f10c 100644 --- a/src/components/reply-modal/reply-modal.module.css +++ b/src/components/reply-modal/reply-modal.module.css @@ -71,20 +71,14 @@ cursor: pointer; } -.parentCidWrapper { - position: absolute; - background-color: var(--post-form-field-input-background-color, white); - width: 105px; - height: 15px; - left: 1px; - top: 1px; - padding: 5px; -} - .parentCid { color: var(--post-form-field-input-color); position: absolute; - text-decoration: underline; + width: auto; + background-color: var(--post-form-field-input-background-color, white); + padding: 2px; + left: 1px; + top: 1px; } @media (max-width: 640px) { diff --git a/src/components/reply-modal/reply-modal.tsx b/src/components/reply-modal/reply-modal.tsx index 8d2050e4..ce18ce08 100644 --- a/src/components/reply-modal/reply-modal.tsx +++ b/src/components/reply-modal/reply-modal.tsx @@ -64,7 +64,6 @@ const ReplyModal = ({ closeModal, parentCid, scrollY }: ReplyModalProps) => { }, [isMobile, scrollY]); const parentCidRef = useRef(null); - const parentCidWrapperRef = useRef(null); useEffect(() => { if (parentCidRef.current && parentCidRef.current) { @@ -99,10 +98,8 @@ const ReplyModal = ({ closeModal, parentCid, scrollY }: ReplyModalProps) => { setContent.link(e.target.value)} />
- - - {`c/${parentCid && Plebbit.getShortCid(parentCid)}`} - + + {`c/${parentCid && Plebbit.getShortCid(parentCid)}`}