Skip to content
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

[docs] Fix FlatButton example Firefox behavior #5933

Merged
merged 4 commits into from
Jan 16, 2017
Merged

[docs] Fix FlatButton example Firefox behavior #5933

merged 4 commits into from
Jan 16, 2017

Conversation

MustD
Copy link
Contributor

@MustD MustD commented Jan 14, 2017

Simple fix of Flat button example in Firefox
Issue link
Vertical-align added to keep them aligned properly

Closes #5916

@muibot muibot added PR: Needs Review PR: needs revision The pull request can't be merged. More details is available on the code review or fails in the CI and removed PR: Needs Review labels Jan 14, 2017
@mbrookes mbrookes removed the PR: needs revision The pull request can't be merged. More details is available on the code review or fails in the CI label Jan 14, 2017
Copy link
Member

@oliviertassinari oliviertassinari left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's following the fixed used with the <RaisedButton /> 👍 .

@@ -32,6 +40,7 @@ const FlatButtonExampleComplex = () => (
href="https://github.com/callemall/material-ui"
target="_blank"
label="GitHub Link"
style={styles.button}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like we don't need that property here.

@@ -4,6 +4,9 @@ import FontIcon from 'material-ui/FontIcon';
import ActionAndroid from 'material-ui/svg-icons/action/android';

const styles = {
button: {
verticalAlign: 'top',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

middle to follow the align applied with a link (<a />).

@@ -4,6 +4,9 @@ import FontIcon from 'material-ui/FontIcon';
import ActionAndroid from 'material-ui/svg-icons/action/android';

const styles = {
button: {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think that we can rename that key. uploadButton sound better.

@@ -4,6 +4,9 @@ import FontIcon from 'material-ui/FontIcon';
import ActionAndroid from 'material-ui/svg-icons/action/android';

const styles = {
button: {
verticalAlign: 'top',
},
imageInput: {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

uploadInput sounds better too here.

@oliviertassinari oliviertassinari added bug 🐛 Something doesn't work docs Improvements or additions to the documentation PR: needs revision The pull request can't be merged. More details is available on the code review or fails in the CI and removed PR: Needs Review labels Jan 14, 2017
@mbrookes mbrookes added component: FlatButton and removed PR: needs revision The pull request can't be merged. More details is available on the code review or fails in the CI labels Jan 16, 2017
@mbrookes mbrookes merged commit 4de66c1 into mui:master Jan 16, 2017
@oliviertassinari oliviertassinari changed the title [Docs] Flat button example Firefox behavior fix (containerElement=label) [docs] Fix FlatButton example Firefox behavior Feb 12, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work docs Improvements or additions to the documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants