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

remove overlay to allow clicking outside of modal

Browse Source
This commit is contained in:
plebeius.eth
2023-06-24 09:19:32 +02:00
parent 1c214ebf5c
commit 0f4d0fa434
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/modals/ReplyModal.jsx
+7 -3
View File
@@ -212,10 +212,13 @@ const ReplyModal = ({ isOpen, closeModal }) => {
onAfterOpen={onModalOpen} onAfterOpen={onModalOpen}
onRequestClose={closeModal} onRequestClose={closeModal}
contentLabel="Reply Modal" contentLabel="Reply Modal"
shouldCloseOnEsc={false} shouldCloseOnEsc={true}
shouldCloseOnOverlayClick={isMobile} shouldCloseOnOverlayClick={isMobile}
selectedStyle={selectedStyle} selectedStyle={selectedStyle}
style={isMobile ? ({ overlay: { backgroundColor: "rgba(0,0,0,.25)" }}) : ({ overlay: { backgroundColor: "rgba(0,0,0,0)" }})}> overlayClassName="overlay"
style={isMobile ? ({ overlay: { backgroundColor: "rgba(0,0,0,.25)" }}) : ({ overlay: { backgroundColor: "rgba(0,0,0,0)" }})
}
>
<Draggable handle=".modal-header" nodeRef={nodeRef} disabled={isMobile}> <Draggable handle=".modal-header" nodeRef={nodeRef} disabled={isMobile}>
<div className="modal-content" ref={nodeRef}> <div className="modal-content" ref={nodeRef}>
<div className="modal-header"> <div className="modal-header">
@@ -240,7 +243,8 @@ const ReplyModal = ({ isOpen, closeModal }) => {
placeholder="Comment" placeholder="Comment"
defaultValue={selectedText} defaultValue={selectedText}
wrap="soft" wrap="soft"
ref={commentRef} /> ref={commentRef}
/>
</div> </div>
<div> <div>
<button id="next" onClick={handleSubmit}>Post</button> <button id="next" onClick={handleSubmit}>Post</button>