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

Cross-browser styling fixes: layout, SVG overflow and profile v2 buttons #126

Merged
merged 4 commits into from Feb 25, 2016

Conversation

kevinrobinson
Copy link
Contributor

Bunch of improvements here, tested locally on Safari. The actual issue is IE compatibility, so I'll test those on browserstack on the demo site after merging.

IE11 in browserstack, before:

screen shot 2016-02-25 at 12 59 33 pm

screen shot 2016-02-25 at 12 59 49 pm

#### Safari before, SVG paths overflowing:

screen shot 2016-02-25 at 1 17 50 pm

#### Safari after, no overflow:

screen shot 2016-02-25 at 1 21 51 pm

#### Safari after, columns for buttons fixed width:

screen shot 2016-02-25 at 1 34 09 pm

#### Safari/Chrome after, showing changes in profile v2 layout flexing:

screen shot 2016-02-25 at 1 46 45 pm

screen shot 2016-02-25 at 1 46 50 pm

@kevinrobinson
Copy link
Contributor Author

This also applies a min-width rule globally, we don't need the UI to be fully responsive so it limits the testing surface.

kevinrobinson added a commit that referenced this pull request Feb 25, 2016
…ut-and-styling

Cross-browser styling fixes: layout, SVG overflow and profile v2 buttons
@kevinrobinson kevinrobinson merged commit 3217d57 into master Feb 25, 2016
@kevinrobinson kevinrobinson deleted the patch/cross-browser-layout-and-styling branch February 25, 2016 18:52
@kevinrobinson
Copy link
Contributor Author

Confirmed this looks good on browserstack with:

  • Windows 10, IE11
  • Window 7, IE11
  • Windows 8.1, Metro 11

I forgot to fix the width of the columns for buttons on the notes tab though, will address that separately:
screen shot 2016-02-25 at 2 20 55 pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant