New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update control buttons #40977
Update control buttons #40977
Conversation
@@ -8,15 +8,20 @@ | |||
padding: 0; | |||
} | |||
|
|||
.cm-content, .cm-gutter { | |||
.cm-content, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
note: most of the changes in this file are formatting changes from prettier
apps/src/javalab/ControlButtons.jsx
Outdated
}} | ||
> | ||
<JavalabButton | ||
text={isRunning ? 'Stop' : 'Run'} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should these be internationalized? (same question for other strings)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
they weren't in i18n before, so i left them as-is, but i'll add them to the javalab/locale file
apps/src/javalab/ControlButtons.jsx
Outdated
all: { | ||
fontSize: 16, | ||
width: 140, | ||
justifyContent: 'center', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The justify-center feels pretty odd. Would left make more sense?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
This updates the control buttons to match Figma and moves the 'continue' button to a temporary spot (it and the 'settings' button will be moved/re-styled next week):
Screen.Recording.2021-06-04.at.1.09.18.PM.mov
There's also some clean-up to:
styles
definition below component definition<InputPrompt/>
into a separate fileisHorizontal
prop in<JavalabButton/>
to actually make the icon/text horizontally stackedLinks