fix(curriculum): refine editable regions in workshop parent teacher conference (#65390)

Co-authored-by: Jeevankumar-S <jeevenkumar2003@email.com>
Co-authored-by: majestic-owl448 <26656284+majestic-owl448@users.noreply.github.com>
This commit is contained in:
Jeevankumar S
2026-02-03 14:14:27 +05:30
committed by GitHub
parent 800c289b81
commit 77035792bd
34 changed files with 42 additions and 71 deletions
@@ -51,11 +51,11 @@ assert.exists(document.querySelector("main h1.title.center"));
</head>
<body>
--fcc-editable-region--
<main class="container">
--fcc-editable-region--
--fcc-editable-region--
</main>
--fcc-editable-region--
</body>
</html>
@@ -44,7 +44,6 @@ assert.exists(document.querySelector(".container > p+form"));
<main class="container">
<h1 class="title center">Parent Teacher Conference Form</h1>
<p class="description center">Please fill out the form below to help schedule your parent-teacher conference.</p>
--fcc-editable-region--
--fcc-editable-region--
@@ -100,12 +100,11 @@ assert.isBelow(fieldsetChildren.indexOf(legendEl), fieldsetChildren.indexOf(labe
<h1 class="title center">Parent Teacher Conference Form</h1>
<p class="description center">Please fill out the form below to help schedule your parent-teacher conference.</p>
--fcc-editable-region--
<form>
</form>
--fcc-editable-region--
--fcc-editable-region--
</form>
</main>
</body>
@@ -77,15 +77,15 @@ assert.isTrue(inputEl?.hasAttribute("required"));
<p class="description center">Please fill out the form below to help schedule your parent-teacher conference.</p>
<form>
--fcc-editable-region--
<fieldset>
<legend>Student Information</legend>
<label for="student-name">Full Name: </label>
--fcc-editable-region--
--fcc-editable-region--
</fieldset>
--fcc-editable-region--
</form>
</main>
@@ -121,10 +121,9 @@ assert.isTrue(inputEl?.hasAttribute("required"));
required
placeholder="E.g., Jane Doe"
/>
--fcc-editable-region--
--fcc-editable-region--
--fcc-editable-region--
--fcc-editable-region--
</fieldset>
</form>
</main>
@@ -73,7 +73,6 @@ assert.strictEqual(document.querySelector("fieldset:last-of-type legend")?.inner
placeholder="E.g., 4"
/>
</fieldset>
--fcc-editable-region--
--fcc-editable-region--
@@ -133,12 +133,12 @@ assert.isTrue(inputEl?.hasAttribute("required"));
/>
</fieldset>
--fcc-editable-region--
<fieldset>
<legend>Parent/Guardian Information</legend>
</fieldset>
--fcc-editable-region--
--fcc-editable-region--
</fieldset>
</form>
</main>
</body>
@@ -85,7 +85,6 @@ assert.strictEqual(document.querySelector("fieldset:last-of-type legend")?.inner
placeholder="E.g., Nancy Doe"
/>
</fieldset>
--fcc-editable-region--
--fcc-editable-region--
@@ -146,12 +146,12 @@ assert.isTrue(input?.hasAttribute("checked"));
/>
</fieldset>
--fcc-editable-region--
<fieldset>
<legend>Preferred Contact Method</legend>
</fieldset>
--fcc-editable-region--
--fcc-editable-region--
</fieldset>
</form>
</main>
</body>
@@ -144,11 +144,9 @@ assert.exists(document.querySelector("fieldset:last-of-type input[id='phone'].co
value="email"
checked
/>
--fcc-editable-region--
--fcc-editable-region--
</fieldset>
</form>
</main>
@@ -118,11 +118,9 @@ assert.equal(legend?.innerText?.trim(), 'Additional Notes');
value="phone"
/>
</fieldset>
--fcc-editable-region--
--fcc-editable-region--
</form>
</main>
</body>
@@ -153,11 +153,9 @@ assert.strictEqual(textarea?.getAttribute("cols"), "50");
<fieldset>
<legend>Additional Notes</legend>
--fcc-editable-region--
--fcc-editable-region--
</fieldset>
</form>
</main>
@@ -123,11 +123,9 @@ assert.strictEqual(button?.innerText, "Submit Form");
>Any specific concerns or topics you'd like to discuss?</label>
<textarea id="notes" name="notes" rows="4" cols="50"></textarea>
</fieldset>
--fcc-editable-region--
--fcc-editable-region--
</form>
</main>
</body>
@@ -134,6 +134,5 @@ body {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -142,12 +142,12 @@ body {
color: whitesmoke;
}
--fcc-editable-region--
.container {
background-color: #ffffff1a;
}
--fcc-editable-region--
--fcc-editable-region--
}
```
@@ -121,16 +121,16 @@ body {
color: whitesmoke;
}
--fcc-editable-region--
.container {
background-color: #ffffff1a;
width: 80%;
max-width: 600px;
margin: 20px auto;
border-radius: 10px;
--fcc-editable-region--
--fcc-editable-region--
}
--fcc-editable-region--
```
@@ -123,18 +123,18 @@ body {
color: whitesmoke;
}
--fcc-editable-region--
.container {
background-color: #ffffff1a;
width: 80%;
max-width: 600px;
margin: 20px auto;
border-radius: 10px;
padding: 10px 20px;
background-color: #ffffff1a;
width: 80%;
max-width: 600px;
margin: 20px auto;
border-radius: 10px;
padding: 10px 20px;
--fcc-editable-region--
--fcc-editable-region--
}
--fcc-editable-region--
```
@@ -135,6 +135,5 @@ body {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -137,7 +137,6 @@ body {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -164,6 +164,5 @@ body {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -171,6 +171,5 @@ fieldset {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -155,6 +155,5 @@ fieldset legend {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -169,6 +169,5 @@ label {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -196,7 +196,6 @@ label:not(.contact-method) {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -173,7 +173,6 @@ textarea {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -179,6 +179,5 @@ textarea {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -198,12 +198,12 @@ textarea {
color: whitesmoke;
}
--fcc-editable-region--
.contact-method-radio-btn {
appearance: none;
--fcc-editable-region--
--fcc-editable-region--
}
--fcc-editable-region--
```
@@ -179,7 +179,6 @@ textarea {
color: whitesmoke;
}
--fcc-editable-region--
.contact-method-radio-btn {
appearance: none;
@@ -187,8 +186,9 @@ textarea {
height: 20px;
border-radius: 50%;
border: 2px solid gray;
--fcc-editable-region--
--fcc-editable-region--
}
--fcc-editable-region--
```
@@ -219,7 +219,6 @@ textarea {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -195,7 +195,6 @@ textarea {
vertical-align: bottom;
}
--fcc-editable-region--
.contact-method-radio-btn::before {
display: block;
@@ -203,9 +202,9 @@ textarea {
width: 10px;
height: 10px;
border-radius: 50%;
--fcc-editable-region--
--fcc-editable-region--
}
--fcc-editable-region--
```
@@ -210,6 +210,5 @@ textarea {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -239,6 +239,5 @@ textarea {
--fcc-editable-region--
--fcc-editable-region--
```
@@ -214,7 +214,6 @@ textarea {
background-color: lightgreen;
}
--fcc-editable-region--
.submit-btn {
cursor: pointer;
@@ -223,9 +222,9 @@ textarea {
border: none;
border-radius: 6px;
padding: 12px 20px;
--fcc-editable-region--
--fcc-editable-region--
}
--fcc-editable-region--
```
@@ -216,7 +216,6 @@ textarea {
--fcc-editable-region--
--fcc-editable-region--
```