Fix: remove bug causing clicking on text linking to first box

This commit is contained in:
Richard Wong 2024-07-01 16:26:11 +09:00
parent 6b95c2fb75
commit 2e29c70d17
Signed by: richard
GPG Key ID: 72948FBB6D359A6D
4 changed files with 13 additions and 7 deletions

View File

@ -26,5 +26,6 @@
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.3.4", "eslint-plugin-react-refresh": "^0.3.4",
"vite": "^4.3.2" "vite": "^4.3.2"
} },
"packageManager": "pnpm@8.15.4+sha512.0bd3a9be9eb0e9a692676deec00a303ba218ba279d99241475616b398dbaeedd11146f92c2843458f557b1d127e09d4c171e105bdcd6b61002b39685a8016b9e"
} }

View File

@ -39,6 +39,11 @@
font-size: 15px; font-size: 15px;
} }
.reference-label .main-title-box-label .title-box-label .verse-box-label {
pointer-events: none;
}
.verse-box { .verse-box {
max-width:400px; max-width:400px;
height: 10vh; height: 10vh;

View File

@ -116,7 +116,7 @@ const VerseValidator = ({ element: { pack, title, chapterTitle, reference, verse
{/* toggle hiding reference */} {/* toggle hiding reference */}
{toHideReference ? ( {toHideReference ? (
<div> <div>
<label className="reference-label" htmlFor="referenceBox"> <label className="reference-label">
Input Verse Reference: Input Verse Reference:
</label> </label>
<textarea <textarea
@ -136,7 +136,7 @@ const VerseValidator = ({ element: { pack, title, chapterTitle, reference, verse
{/* toggle chapterTitle */} {/* toggle chapterTitle */}
{chapterTitle && ( {chapterTitle && (
<div> <div>
<label className="main-title-box-label" htmlFor="chapterTitleBox"> <label className="main-title-box-label">
Input Chapter Title: Input Chapter Title:
</label> </label>
<textarea <textarea
@ -150,7 +150,7 @@ const VerseValidator = ({ element: { pack, title, chapterTitle, reference, verse
)} )}
{/* input box for title */} {/* input box for title */}
<label className="title-box-label" htmlFor="titleBox"> <label className="title-box-label">
Input Title: Input Title:
</label> </label>
<textarea <textarea
@ -162,7 +162,7 @@ const VerseValidator = ({ element: { pack, title, chapterTitle, reference, verse
/> />
{/* input box for verse */} {/* input box for verse */}
<label className="verse-box-label" htmlFor="verseBox"> <label className="verse-box-label">
Input Verse: Input Verse:
</label> </label>
<textarea <textarea

View File

@ -648,7 +648,7 @@
"pack": "DEP 2", "pack": "DEP 2",
"title": "To discern and obey God's will", "title": "To discern and obey God's will",
"chapterTitle": "Why do we have Quiet Time", "chapterTitle": "Why do we have Quiet Time",
"reference": "Psalm 143:8,10", "reference": "Psalms 143:8,10",
"verse": "Let the morning bring me word of your unfailing love, for I have put my trust in you. Show me the way I should go, for to you I lift up my soul. Teach me to do your will, for you are my God; may your good Spirit lead me on level ground." "verse": "Let the morning bring me word of your unfailing love, for I have put my trust in you. Show me the way I should go, for to you I lift up my soul. Teach me to do your will, for you are my God; may your good Spirit lead me on level ground."
} }
], ],
@ -922,7 +922,7 @@
"pack": "DEP 3", "pack": "DEP 3",
"title": "Being our joy and delight", "title": "Being our joy and delight",
"chapterTitle": "Value of the Word", "chapterTitle": "Value of the Word",
"reference": "Psalm 119:111", "reference": "Psalms 119:111",
"verse": "Your statutes are my heritage forever; they are the joy of my heart." "verse": "Your statutes are my heritage forever; they are the joy of my heart."
}, },
{ {