diff --git a/src/components/post-form/post-form.module.css b/src/components/post-form/post-form.module.css index b90ea32e..71e01e1a 100644 --- a/src/components/post-form/post-form.module.css +++ b/src/components/post-form/post-form.module.css @@ -57,7 +57,6 @@ outline: var(--post-form-field-input-outline, revert); background-color: var(--post-form-field-input-background-color, revert); color: var(--post-form-field-input-color, revert); - filter: var(--filter80); padding: 2px 4px 3px; font-size: 10pt; } diff --git a/src/components/reply-modal/reply-modal.module.css b/src/components/reply-modal/reply-modal.module.css index 00c02f7a..ead7f8c3 100644 --- a/src/components/reply-modal/reply-modal.module.css +++ b/src/components/reply-modal/reply-modal.module.css @@ -39,18 +39,21 @@ } .container input[type="text"], .container textarea { - border: var(--post-form-field-input-border, revert); + border: var(--post-form-field-input-focus-border, revert); font-family: var(--post-form-field-font-family, revert); + appearance: var(--post-form-field-input-appearance, revert); + outline: var(--post-form-field-input-outline, revert); + background-color: var(--post-form-field-input-background-color, revert); + color: var(--post-form-field-input-color, revert); font-size: 10pt; outline: var(--post-form-field-input-outline, revert); width: 298px; - filter: var(--filter80); padding: 2px; margin-bottom: 1px; } .container input[type="text"]:focus, .container textarea:focus { - border: var(--post-form-field-input-focus-border, revert); + border: var(--reply-modal-field-border-focus, revert); } .content textarea { @@ -63,6 +66,14 @@ cursor: pointer; } +.parentCid input[type="text"] { + margin-bottom: -1px !important; +} + +.parentCid input[type="text"]:focus { + border: var(--post-form-field-input-focus-border) !important; +} + @media (max-width: 640px) { .container { position: absolute; diff --git a/src/components/reply-modal/reply-modal.tsx b/src/components/reply-modal/reply-modal.tsx index 0b0a069c..fae5fedb 100644 --- a/src/components/reply-modal/reply-modal.tsx +++ b/src/components/reply-modal/reply-modal.tsx @@ -88,6 +88,9 @@ const ReplyModal = ({ closeModal, parentCid, scrollY }: ReplyModalProps) => {
setContent.link(e.target.value)} />
+
+ +