Bug #76381: Custom extension icon has weird display in extension list in Chrome - TYPO3 Core - TYPO3 Forge

Actions

Copy link

Bug #76381

closed

Custom extension icon has weird display in extension list in Chrome

Added by Jérémie Roulin over 8 years ago. Updated over 6 years ago.

Status:

Closed

Priority:

Should have

Assignee:

Category:

Backend User Interface

Target version:

next-patchlevel

Start date:

2016-05-30

Due date:

% Done:

100%

Estimated time:

TYPO3 Version:

PHP Version:

7.0

Tags:

Complexity:

no-brainer

Is Regression:

Sprint Focus:

Description

Hi,

I have a weird display in extension list for a custom extension icon (see screenshot below). It doesn't break on Firefox, it goes weird only on Chrome. I didn't test it on IE.

To fix it we have to use max-width instead of max-height in

/typo3/sysext/backend/Resources/Public/Css/backend.css

on line 13299 :

.typo3-extension-list .ext-icon {
    max-height: 16px;
    width: auto;
}

I hope I have been clear enough.

Have a good evening.

Jérémie

Files

Download all files

ext_icon_weird_display.png (5.17 KB) ext_icon_weird_display.png		Jérémie Roulin, 2016-05-30 19:26
ext_icon.svg (1.58 KB) ext_icon.svg		Jérémie Roulin, 2016-05-30 21:28

Actions

Copy link

Updated by Andreas Kienast over 8 years ago

Status changed from New to Needs Feedback

Do you use a custom SVG icon? If yes, does it have a viewBox?

Actions

Copy link

Updated by Jérémie Roulin over 8 years ago

Yes it is and yes it has.

Actions

Copy link

Updated by Wouter Wolters over 8 years ago

Can you attach the svg file here?

Actions

Copy link

Updated by Jérémie Roulin over 8 years ago

File ext_icon.svg ext_icon.svg added

Here you are!

Actions

Copy link

Updated by Wouter Wolters over 8 years ago

your viewBox is 500 x 500, please try with 64 x 64

Actions

Copy link

Updated by Jérémie Roulin over 8 years ago

It is not better with viewBox at 64 x 64.

Actions

Copy link

Updated by Riccardo De Contardi over 8 years ago

@Jérémie Roulin: after updating the svg file, try to delete the browser cache.

Actions

Copy link

Updated by Gerrit Code Review over 8 years ago

Status changed from Needs Feedback 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/49308

Actions

Copy link

Updated by Gerrit Code Review over 8 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/49308

Actions

Copy link

#10

Updated by Gerrit Code Review over 8 years ago

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

Actions

Copy link

#11