From ca90c074424549a5628c494a048ba8511da11b01 Mon Sep 17 00:00:00 2001
From: Andreas Fernandez <andreas.fernandez@aspedia.de>
Date: Thu, 20 Nov 2014 09:45:38 +0100
Subject: [PATCH] [CLEANUP] Topbar indicator
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>
---
.../Resources/Private/Styles/TYPO3/_topbar.less | 13 +++++++++----
.../t3skin/Resources/Public/Css/visual/t3skin.css | 10 +++++++---
2 files changed, 16 insertions(+), 7 deletions(-)
diff --git a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
index fa316dcccfed..c762bfe8a4d0 100644
--- a/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
+++ b/typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_topbar.less
@@ -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 {
diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css
index d578857208d9..15327f97b6d4 100644
--- a/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css
@@ -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;
--
GitLab