Robert Vogel has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/172231

Change subject: Minimizing the nav tabs flickering
......................................................................

Minimizing the nav tabs flickering

This is not a complete fix (which would include serverside processing of
cookie information) but it reduces the onload flickering of the
navigation to a minimum.

Change-Id: Ie8453a2a69670eb5f1adde23c63e35781ee92356
---
M resources/components/skin.font.less
M resources/components/skin.navigationTabs.less
2 files changed, 20 insertions(+), 9 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/mediawiki/skins/BlueSpiceSkin 
refs/changes/31/172231/1

diff --git a/resources/components/skin.font.less 
b/resources/components/skin.font.less
index f0290a7..8e2dfe5 100644
--- a/resources/components/skin.font.less
+++ b/resources/components/skin.font.less
@@ -218,17 +218,19 @@
                color: @bs-color-dark-blue;
        }
 }
-#bs-nav-sections.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
+#bs-nav-sections.ui-tabs.ui-widget.ui-widget-content.ui-corner-all,
+#bs-nav-sections .bs-nav-tab {
        h5 {
                font-size: 150%;
        }
 }
-#bs-left-column #bs-nav-sections .ui-widget-content a,
-#bs-left-column #bs-nav-sections .ui-widget-content em,
-#bs-left-column #bs-nav-sections .ui-widget-content strong,
-#bs-left-column #bs-nav-sections .ui-widget-content li{
-       font-size: 105%;
+#bs-left-column #bs-nav-sections .ui-widget-content,
+#bs-left-column #bs-nav-sections .bs-nav-tab {
+       a, em, strong, li {
+               font-size: 105%;
+       }
 }
+
 #bs-left-column #bs-nav-sections .ui-widget-content a:hover{
        text-decoration: underline;
 }
diff --git a/resources/components/skin.navigationTabs.less 
b/resources/components/skin.navigationTabs.less
index 18e5adb..e0d7470 100644
--- a/resources/components/skin.navigationTabs.less
+++ b/resources/components/skin.navigationTabs.less
@@ -16,7 +16,6 @@
                color: #555;
        }
        h5 {
-               margin-top: 1em;
                text-transform: uppercase;
        }
 }
@@ -126,6 +125,16 @@
 #bs-usersidebar-edit {
        float: right;
 }
-#bs-left-column ul{
+
+div.bs-nav-tab {
+       padding: 20px 25px;
+}
+
+#bs-left-column div.bs-nav-tab ul{
        margin-left: 15px;
-}
\ No newline at end of file
+}
+/* This would hide all navigation, changing just the 'type' of flickering
+div[id^="bs-nav-section-"] {
+       display: none;
+}
+*/
\ No newline at end of file

-- 
To view, visit https://gerrit.wikimedia.org/r/172231
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: Ie8453a2a69670eb5f1adde23c63e35781ee92356
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/skins/BlueSpiceSkin
Gerrit-Branch: master
Gerrit-Owner: Robert Vogel <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to