[TASK] Replace clearcache spinner with FA icon 98/33798/3
authorAndreas Fernandez <a.fernandez@scripting-base.de>
Tue, 4 Nov 2014 18:16:25 +0000 (19:16 +0100)
committerGeorg Ringer <georg.ringer@gmail.com>
Wed, 5 Nov 2014 12:08:26 +0000 (13:08 +0100)
Currently, the spinning wheel displayed after clearing the cache is a
graphic larger than the used font. This caused a "jumping" of the
topbar.

Additionally, adjust the text-align to avoid wobbling of fa-spinner.

Resolves: #62702
Releases: master
Change-Id: Ic17875bb75259aa7615bbe52b43bc912b2b7cf30
Reviewed-on: http://review.typo3.org/33798
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
Reviewed-by: Stefan Froemken <froemken@gmail.com>
Tested-by: Stefan Froemken <froemken@gmail.com>
Reviewed-by: Georg Ringer <georg.ringer@gmail.com>
Tested-by: Georg Ringer <georg.ringer@gmail.com>
typo3/sysext/backend/Resources/Public/JavaScript/clearcachemenu.js
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css

index bd4aa62..bd0d32d 100644 (file)
@@ -77,7 +77,7 @@ var ClearCacheMenu = Class.create({
 
                        // activate the spinner
                var parent = Element.up(toolbarItemIcon);
-               var spinner = new Element('span').addClassName('spinner');
+               var spinner = new Element('span').addClassName('t3-icon fa fa-spinner fa-spin');
                var oldIcon = toolbarItemIcon.replace(spinner);
 
                if (clickedElement.tagName === 'SPAN') {
index bd08058..d71ee84 100644 (file)
@@ -55,6 +55,8 @@ Topbar
                                        right: 4px;
                                        font-size: 7px;
                                }
+
+                               text-align: center;
                        }
 
                        .toolbar-item-active {
index 095b3d6..2ec0db0 100644 (file)
@@ -10991,6 +10991,9 @@ Topbar
 #typo3-topbar #typo3-top-container #typo3-toolbar > li {
   position: relative;
 }
+#typo3-topbar #typo3-top-container #typo3-toolbar .toolbar-item {
+  text-align: center;
+}
 #typo3-topbar #typo3-top-container #typo3-toolbar .toolbar-item .badge {
   position: absolute;
   top: 6px;