Skip to content

CSS: Fix oversized logo in IE11#1183

Merged
Blendify merged 1 commit intomasterfrom
nienn/fix-ie11-logo
Aug 5, 2021
Merged

CSS: Fix oversized logo in IE11#1183
Blendify merged 1 commit intomasterfrom
nienn/fix-ie11-logo

Conversation

@nienn
Copy link
Copy Markdown
Contributor

@nienn nienn commented Aug 3, 2021

Problem

Because the parent <a> tag didn't had a max-width set, the child logo, on IE11, was assuming the full image width.

Changes

Added max-width to the <a> tag wrapping the logo.

Before:
Screenshot 2021-08-03 181944

After:
logo-after

@nienn nienn requested review from a team and removed request for a team August 3, 2021 17:43
Copy link
Copy Markdown
Collaborator

@agjohnson agjohnson left a comment

Choose a reason for hiding this comment

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

Much better! There is probably an issue or two for this open, as it's been one of the reasons folks have discussed dropping support for IE11. We can probably still discuss dropping IE11 support in an upcoming release, but for now I think most of our issues with IE11 are solved with more CSS and maybe at worst some polyfills.

@agjohnson agjohnson added this to the 1.0 milestone Aug 3, 2021
Copy link
Copy Markdown
Member

@Blendify Blendify left a comment

Choose a reason for hiding this comment

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

Small issue I am noticing there is an issue with the indentation otherwise looks good.

Edit nevermind it was just an issue while viewing the diff on github mobile.

@Blendify Blendify merged commit 9a50ff9 into master Aug 5, 2021
@Blendify Blendify deleted the nienn/fix-ie11-logo branch August 5, 2021 00:01
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.

3 participants