Skip to content

Commit 317a125

Browse files
committed
Rephrase and better position numeric entry help box
1 parent 2bf054d commit 317a125

File tree

2 files changed

+8
-9
lines changed

2 files changed

+8
-9
lines changed

src/app/components/content/IsaacNumericQuestion.tsx

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ const IsaacNumericQuestion = ({doc, questionId, validationResponse, readonly}: I
107107
</IsaacContentValueOrChildren>
108108
</div>
109109
<Row className="no-print">
110-
<Col className="d-flex flex-column flex-md-row">
110+
<Col xs={12} className="d-flex flex-column flex-md-row">
111111
<div className="d-flex flex-column numeric-value w-100 w-md-50 mb-2">
112112
Value
113113
<InputGroup className={"feedback-zone nq-feedback separate-input-group flex-grow-1"}>
@@ -155,15 +155,13 @@ const IsaacNumericQuestion = ({doc, questionId, validationResponse, readonly}: I
155155
</Dropdown>
156156
</div>}
157157
</Col>
158-
{!readonly && isPhy && above['md'](deviceSize) && <>
159-
<div className="pt-2">
160-
<Button className="numeric-help d-flex align-items-center p-0 gap-2" type="button" color="link" size="sm" innerRef={helpTooltip}>
161-
<i className="icon icon-info layered icon-color-grey"/>
162-
Show me some examples
163-
</Button>
164-
</div>
158+
{!readonly && isPhy && above['md'](deviceSize) && <Col xs={12}>
159+
<Button className="numeric-help d-flex align-items-center m-0 p-0 gap-2 text-muted small" type="button" color="link" size="sm" innerRef={helpTooltip}>
160+
<i className="icon icon-info layered icon-color-grey"/>
161+
What can I type in this box?
162+
</Button>
165163
{tooltip}
166-
</>}
164+
</Col>}
167165
</Row>
168166
<QuestionInputValidation userInput={currentAttemptValue ?? ""} validator={numericInputValidator} />
169167
</div>

src/scss/phy/questions.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,7 @@
106106
.numeric-question {
107107
.numeric-help.numeric-help {
108108
color: $color-neutral-900;
109+
font-size: 0.875rem;
109110
}
110111

111112
.unit-selection {

0 commit comments

Comments
 (0)