Project

General

Profile

Actions

Bug #78592

closed

Wrong skaling of SVG logo for backend login in IE11

Added by Bernd Wilke over 7 years ago. Updated over 5 years ago.

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

100%

Estimated time:
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)

Actions #1

Updated by Riccardo De Contardi about 7 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

Actions #2

Updated by Riccardo De Contardi over 6 years ago

  • Complexity set to easy
Actions #3

Updated by Riccardo De Contardi almost 6 years ago

  • Sprint Focus set to On Location Sprint
Actions #4

Updated by Presedo Roberto almost 6 years ago

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

Updated by Gerrit Code Review almost 6 years 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

Actions #6

Updated by Gerrit Code Review almost 6 years 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

Actions #7

Updated by Gerrit Code Review almost 6 years 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

Actions #8

Updated by Presedo Roberto almost 6 years ago

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

Updated by Benni Mack over 5 years ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF