[BUGFIX] Language-module icons need to display in correct size 34/22734/4
authorStefan Neufeind <typo3.neufeind@speedpartner.de>
Wed, 31 Jul 2013 14:07:39 +0000 (16:07 +0200)
committerAnja Leichsenring <aleichsenring@ab-softlab.de>
Sun, 18 Aug 2013 12:17:35 +0000 (14:17 +0200)
Since inline:display-block was missing on those icons, those
icons didn't display in their intended size although they
had a width/height-attribute set.

Change-Id: I5ba318e6a3ca4602714d0c4b5f12674e2e305952
Resolves: #43428
Releases: 6.2, 6.1, 6.0
Reviewed-on: https://review.typo3.org/22734
Reviewed-by: Philipp Gampe
Tested-by: Philipp Gampe
Reviewed-by: Anja Leichsenring
Tested-by: Anja Leichsenring
typo3/sysext/lang/Resources/Private/Partials/TranslationUpdateList.html
typo3/sysext/lang/Resources/Private/Templates/Language/Index.html
typo3/sysext/lang/Resources/Public/StyleSheet/LangModule.css

index bc503dc..22bd1b1 100644 (file)
@@ -27,7 +27,7 @@
                                                data-locale="{selectedLanguage.locale}"
                                                data-updateurl="<f:uri.action action="updateTranslation" arguments="{extension:'{extension.key}', locales:'{selectedLanguage.locale}'}" />"
                                        >
-                                               <span class="stateIconNone"><f:translate key="state.notChecked"/></span>
+                                               <span class="stateIcon stateIconNone"><f:translate key="state.notChecked"/></span>
                                        </td>
                                </f:for>
                        </tr>
index c0a58dc..4bcd419 100644 (file)
 
        <div style="display: none;">
                <span class="stateIcon" id="stateIconError">
-                       <lang:be.spriteIcon icon="status-status-permission-denied" /><f:translate key="state.error"/>
+                       <lang:be.spriteIcon icon="status-status-permission-denied" class="stateIcon" /><f:translate key="state.error"/>
                </span>
                <span class="stateIcon" id="stateIcon0">
-                       <lang:be.spriteIcon icon="actions-document-info" /><f:translate key="state.notAvailable"/>
+                       <lang:be.spriteIcon icon="actions-document-info" class="stateIcon" /><f:translate key="state.notAvailable"/>
                </span>
                <span class="stateIcon" id="stateIcon1">
-                       <lang:be.spriteIcon icon="actions-system-extension-update" /><f:translate key="state.updateAvailable"/>
+                       <lang:be.spriteIcon icon="actions-system-extension-update" class="stateIcon" /><f:translate key="state.updateAvailable"/>
                </span>
                <span class="stateIcon" id="stateIcon2">
-                       <lang:be.spriteIcon icon="status-status-permission-denied" /><f:translate key="state.failed"/>
+                       <lang:be.spriteIcon icon="status-status-permission-denied" class="stateIcon" /><f:translate key="state.failed"/>
                </span>
                <span class="stateIcon" id="stateIcon3">
-                       <lang:be.spriteIcon icon="status-status-checked" /><f:translate key="state.upToDate"/>
+                       <lang:be.spriteIcon icon="status-status-checked" class="stateIcon" /><f:translate key="state.upToDate"/>
                </span>
                <span class="stateIcon" id="stateIcon4">
-                       <lang:be.spriteIcon icon="status-status-permission-denied" /><f:translate key="state.invalid"/>
+                       <lang:be.spriteIcon icon="status-status-permission-denied" class="stateIcon" /><f:translate key="state.invalid"/>
                </span>
                <span class="stateIcon" id="stateIcon5">
-                       <lang:be.spriteIcon icon="status-status-checked" /><f:translate key="state.updated"/>
+                       <lang:be.spriteIcon icon="status-status-checked" class="stateIcon" /><f:translate key="state.updated"/>
                </span>
                <span class="stateIcon" id="stateIconChecking">
-                       <span class="stateIconChecking"><f:translate key="state.checking"/></span>
+                       <span class="stateIcon stateIconChecking"><f:translate key="state.checking"/></span>
                </span>
                <span class="stateIcon" id="stateIconNone">
-                       <span class="stateIconNone"><f:translate key="state.notChecked"/></span>
+                       <span class="stateIcon stateIconNone"><f:translate key="state.notChecked"/></span>
                </span>
        </div>
-</f:section>
\ No newline at end of file
+</f:section>
index 6f6d701..b91b2e1 100644 (file)
@@ -17,6 +17,10 @@ span.waiting {
        cursor: wait !important;
 }
 
+span.stateIcon {
+       display: inline-block;
+}
+
 span.stateIcon span {
        margin-right: 6px;
 }