8000 replace icon with text · crabbedbushel/coderoad-vscode@e37a806 · GitHub
[go: up one dir, main page]

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit e37a806

Browse files
committed
replace icon with text
1 parent 4d5ea7b commit e37a806

File tree

1 file changed

+6
-8
lines changed

1 file changed

+6
-8
lines changed

web-app/src/components/StepHelp/index.tsx

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import * as React from 'react'
22
import { Balloon } from '@alifd/next'
33
import Button from '../Button'
4-
import Icon from '../Icon'
54

65
const styles = {
76
iconButton: {
@@ -10,9 +9,12 @@ const styles = {
109
alignItems: 'center',
1110
width: 30,
1211
height: 30,
12+
fontSize: 18,
13+
color: 'grey',
1314
},
1415
balloonTitle: {
1516
marginTop: 0,
17+
textAlign: 'center' as 'center',
1618
},
1719
balloonOptions: {
1820
display: 'flex',
@@ -33,15 +35,11 @@ const StepHelp = (props: Props) => {
3335
props.onLoadSolution()
3436
}
3537
}
36-
const promptLeft = (
37-
<Button style={styles.iconButton}>
38-
<Icon type="prompt" role="button" />
39-
</Button>
40-
)
38+
const promptLeft = <Button style={styles.iconButton}>i</Button>
4139
return (
42-
<Balloon trigger={promptLeft} align="l" alignEdge triggerType="click" style={{ width: 300 }}>
40+
<Balloon trigger={promptLeft} align="l" alignEdge triggerType="click" style={{ width: 150 }} closable={false}>
4341
<div>
44-
<h4 style={styles.balloonTitle}>Stuck? Need help?</h4>
42+
<h4 style={styles.balloonTitle}>Stuck?</h4>
4543
<div style={styles.balloonOptions}>
4644
<Button type="secondary" onClick={onClickHandler} disabled={loadedSolution}>
4745
Load Solution

0 commit comments

Comments
 (0)
0