External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(reply modal): improve c/parentCid styling in textarea

Browse Source
This commit is contained in:
plebeius.eth
2024-05-14 22:43:21 +02:00
parent 9b85416a57
commit 148e6f1989
2 changed files with 7 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/reply-modal/reply-modal.module.css
+5 -11
View File
@@ -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) {
src/components/reply-modal/reply-modal.tsx
+2 -5
View File
@@ -64,7 +64,6 @@ const ReplyModal = ({ closeModal, parentCid, scrollY }: ReplyModalProps) => {
}, [isMobile, scrollY]);
const parentCidRef = useRef<HTMLSpanElement>(null);
const parentCidWrapperRef = useRef<HTMLDivElement>(null);
useEffect(() => {
if (parentCidRef.current && parentCidRef.current) {
@@ -99,10 +98,8 @@ const ReplyModal = ({ closeModal, parentCid, scrollY }: ReplyModalProps) => {
<input type='text' ref={urlRef} placeholder={_.capitalize(t('link'))} onChange={(e) => setContent.link(e.target.value)} />
</div>
<div className={styles.content}>
<span className={styles.parentCidWrapper} ref={parentCidWrapperRef}>
<span className={styles.parentCid} ref={parentCidRef}>
{`c/${parentCid && Plebbit.getShortCid(parentCid)}`}
</span>
<span className={styles.parentCid} ref={parentCidRef}>
{`c/${parentCid && Plebbit.getShortCid(parentCid)}`}
</span>
<textarea
cols={48}