Bug #78592

Wrong skaling of SVG logo for backend login in IE11

Added by Bernd Wilke almost 3 years ago. Updated 11 months ago.

Status:
Closed
Priority:
Should have
Category:
Backend User Interface
Target version:
-
Start date:
2016-11-07
Due date:
% Done:

100%

TYPO3 Version:
7
PHP Version:
Tags:
Complexity:
easy
Is Regression:
No
Sprint Focus:
On Location Sprint

Description

We have a SVG image for customer logo, which is shown at the BE login.

When displaying the SVG only you can find pseudo tags with width="885.024px" height="217.696px".
So the logo is to wide for the login box it is scaled down to a with of 290px.

And so the CSS says height:auto; the display height used is 217px in IE (FF and chrome display it correct)

.typo3-login-logo > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

Changing the backend.css (in the debugger) to height:100%; fixes the display for me.

TYPO3 7.6.11
IE 11.0.9600.18499 (11.0.36)

Associated revisions

Revision e128ccac (diff)
Added by Presedo Roberto about 1 year ago

[BUGFIX] Fixing login logo height in IE

Resolves: #78592
Releases: master, 8.7
Change-Id: Ia7b3a25f6af61fce5376a68c1188c9564d603a23
Reviewed-on: https://review.typo3.org/57320
Tested-by: TYPO3com <>
Reviewed-by: Fabien Udriot <>
Tested-by: Fabien Udriot <>
Reviewed-by: Robert Vierke <>
Reviewed-by: Maik Peuser <>
Reviewed-by: Daniel Goerz <>
Tested-by: Daniel Goerz <>
Reviewed-by: Benni Mack <>
Tested-by: Benni Mack <>

Revision 73033ece (diff)
Added by Presedo Roberto about 1 year ago

[BUGFIX] Fixing login logo height in IE

Resolves: #78592
Releases: master, 8.7
Change-Id: Ia7b3a25f6af61fce5376a68c1188c9564d603a23
Reviewed-on: https://review.typo3.org/57471
Tested-by: TYPO3com <>
Reviewed-by: Josef Glatz <>
Reviewed-by: Benni Mack <>
Tested-by: Benni Mack <>

History

#1 Updated by Riccardo De Contardi over 2 years ago

I think that this is more related to Internet Explorer and its handling of svg images that TYPO3 itself...

After some research I've found that the attribute viewBox should help solving this problem

see:

http://stackoverflow.com/questions/9777143/svg-in-img-element-proportions-not-respected-in-ie9

http://stackoverflow.com/questions/27970520/svg-with-width-height-doesnt-scale-on-ie9-10-11

#2 Updated by Riccardo De Contardi almost 2 years ago

  • Complexity set to easy

#3 Updated by Riccardo De Contardi about 1 year ago

  • Sprint Focus set to On Location Sprint

#4 Updated by Presedo Roberto about 1 year ago

  • Status changed from New to In Progress
  • Assignee set to Presedo Roberto

#5 Updated by Gerrit Code Review about 1 year ago

  • Status changed from In Progress to Under Review

Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57320

#6 Updated by Gerrit Code Review about 1 year ago

Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57320

#7 Updated by Gerrit Code Review about 1 year ago

Patch set 1 for branch TYPO3_8-7 of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57471

#8 Updated by Presedo Roberto about 1 year ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100

#9 Updated by Benni Mack 11 months ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF