[CLEANUP] Topbar indicator 76/34376/4
authorAndreas Fernandez <andreas.fernandez@aspedia.de>
Thu, 20 Nov 2014 08:45:38 +0000 (09:45 +0100)
committerAnja Leichsenring <aleichsenring@ab-softlab.de>
Thu, 20 Nov 2014 13:46:56 +0000 (14:46 +0100)
This patch fixes some graphical glitches with the loading
indicator in the topbar:

 - Old spinner icon overlays the fa-pendant in some cases
 - fa-spinner wobbles due to different measurements

Releases: master
Resolves: #63091
Change-Id: I8c8afb1ebed4518157dd89234da17c9573213aeb
Reviewed-on: http://review.typo3.org/34376
Reviewed-by: Markus Klein <klein.t3@reelworx.at>
Tested-by: Markus Klein <klein.t3@reelworx.at>
Reviewed-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Tested-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css

index fa316dc..c762bfe 100644 (file)
@@ -42,20 +42,25 @@ Topbar
                                overflow: visible !important;
                        }
 
-                       span.spinner {
-                               background-image: url('../../../../images/spinner/3f3f3f.gif');
-                       }
-
                        > li {
                                margin-right: 1px;
 
                                .t3-icon {
                                        margin-right: 0;
+
+                                       &.fa {
+                                               height: 14px;
+                                               width: 14px;
+                                       }
                                }
 
                                &.dropdown {
                                        color: @navbar-inverse-link-color;
                                        background-color: @navbar-inverse-link-bg;
+
+                                       > a {
+                                               text-align: center;
+                                       }
                                }
 
                                .badge {
index d578857..15327f9 100644 (file)
@@ -11403,19 +11403,23 @@ Topbar
 #typo3-topbar #typo3-top-container #typo3-toolbar div {
   overflow: visible !important;
 }
-#typo3-topbar #typo3-top-container #typo3-toolbar span.spinner {
-  background-image: url('../../../../images/spinner/3f3f3f.gif');
-}
 #typo3-topbar #typo3-top-container #typo3-toolbar > li {
   margin-right: 1px;
 }
 #typo3-topbar #typo3-top-container #typo3-toolbar > li .t3-icon {
   margin-right: 0;
 }
+#typo3-topbar #typo3-top-container #typo3-toolbar > li .t3-icon.fa {
+  height: 14px;
+  width: 14px;
+}
 #typo3-topbar #typo3-top-container #typo3-toolbar > li.dropdown {
   color: #999999;
   background-color: #353535;
 }
+#typo3-topbar #typo3-top-container #typo3-toolbar > li.dropdown > a {
+  text-align: center;
+}
 #typo3-topbar #typo3-top-container #typo3-toolbar > li .badge {
   position: absolute;
   top: 6px;