added ReplyModal placeholder

This commit is contained in:
plebbitor
2023-04-18 12:44:55 +02:00
parent 9e0d8e373a
commit b6c041ea9e
2 changed files with 20 additions and 2 deletions
+3 -2
View File
@@ -185,8 +185,9 @@ const ReplyModal = ({ isOpen, closeModal }) => {
<div> <div>
<input id="name" type="text" placeholder="Embed link" ref={linkRef} /> <input id="name" type="text" placeholder="Embed link" ref={linkRef} />
</div> </div>
<div> <div className="textarea-wrapper">
<textarea rows="4" placeholder="Comment" wrap="soft" ref={commentRef} /> <span className="fixed-text">{`c/${selectedShortCid}`}</span>
<textarea className="textarea" rows="4" placeholder="Comment" wrap="soft" ref={commentRef} />
</div> </div>
<div> <div>
<button id="next" onClick={handleSubmit}>Post</button> <button id="next" onClick={handleSubmit}>Post</button>
@@ -56,6 +56,23 @@ export const StyledModal = styled(Modal)`
margin-top: 0.5px; margin-top: 0.5px;
} }
.textarea-wrapper {
position: relative;
}
.textarea {
padding-top: 2em;
}
.fixed-text {
position: absolute;
top: 4px;
left: 5px;
color: #999;
text-decoration: underline;
pointer-events: none;
}
#captcha-container { #captcha-container {
position: relative; position: relative;
clear: both; clear: both;