[TASK] Render extension icons in EM directly 93/25393/5
authorJigal van Hemert <jigal.van.hemert@typo3.org>
Thu, 14 Nov 2013 06:07:47 +0000 (07:07 +0100)
committerNicole Cordes <typo3@cordes.co>
Thu, 14 Nov 2013 13:43:54 +0000 (14:43 +0100)
To increase performance of building the extension list the icons are
rendered directly instead of using an image viewhelper. The height is
corrected using CSS.

Change-Id: I60ddbdf409ed67a668f556cdcbc01799097a8109
Resolves: #53627
Releases: 6.2
Reviewed-on: https://review.typo3.org/25393
Reviewed-by: Ernesto Baschny
Tested-by: Ernesto Baschny
Reviewed-by: Nicole Cordes
Tested-by: Nicole Cordes
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
typo3/sysext/extensionmanager/Resources/Public/Css/main.css

index fb104d4..7126624 100644 (file)
                }
 
        }
+
+       .ext-icon {
+               max-height: 16px;
+               width: auto;
+       }
 }
 
 
index e1a02e4..f98b356 100644 (file)
@@ -74,7 +74,7 @@
                                        </f:else>
                                </f:if>
 
-                                       <em:image src="../{extension.siteRelPath}/{extension.ext_icon}" alt="{extension.title}" height="16" /><em:configureExtension extension="{extension}" forceConfiguration="0">{extension.title}</em:configureExtension>
+                                       <img class="ext-icon" src="../{extension.siteRelPath}/{extension.ext_icon}" alt="{extension.title}" /><em:configureExtension extension="{extension}" forceConfiguration="0">{extension.title}</em:configureExtension>
                                </td>
                                <td>
                                        {extensionKey}
index 28add7a..1d651c0 100644 (file)
@@ -302,6 +302,9 @@ p {
     background: #f7f7f7; }
   .typo3-extension-list tr:hover {
     background: #ececec; }
+  .typo3-extension-list .ext-icon {
+    max-height: 16px;
+    width: auto; }
 
 .dataTables_info {
   display: none; }