Bug #30900
closedActionIcon for Available Extensions is hidden in ExtensionManager
100%
Description
In the backend tool "Extension Manager" the first tab show a list all available extensions. In the first column there should be an icon for the action "update", "install" or "remove".
Today I noticed, that there are only three dots "..." and the icons had gone for all extensions (each row) in this tab (but not for the tab import extensions).
I found out that the icon is still available, but there are hidden...
I use Firefox-7.0.1 and retreive yesterday an update. It could be possible, that with the update of FF the CSS compatibilities was extended.
My analysis:
- there are two img elements inside the td element, first for update, second for install/remove
- the css style for img is inherited from td which has the classes "paddingNoActionIcon" and "paddingActionIcon":
.paddingActionIcon img {margin-right:5px}
.paddingNoActionIcon img {margin-right:20px}
(declared in /typo3/sysext/em/res/css/t3_em.css)
- the css style for td has the class "x-grid3-cell-inner":
.x-grid3-cell-inner {
overflow: hidden;
padding: 3px 3px 3px 5px;
text-overflow: ellipsis;
white-space: nowrap;
}
Problem:
The CSS "text-overflow: ellipsis" means, that an overflow of content will not cut off, but replaced by a string "...".
The browser calculate the width and however include the margin to the width and notes that the image can not be displayed completely and replaces the second image with "...".
This property is not W3C conform and exists since IE5.5, but i don't know why it doesn't occur in IE8 and IE7.
Solutions:
When I disable the property "text-overflow: ellipsis" or change the "margin-right" of the definition ".paddingNoActionIcon img" to "5px", the icon will be displayed.
A change of the padding from "3px 3px 3px 5px" to "3px" works as well.
I hope you have an opportunity to check this.
I tested it in IE8 and FF6.0.2 and there it looks ok.
Files