jenkins-bot has submitted this change and it was merged.
Change subject: Prevent FOUC of #toc in main content
......................................................................
Prevent FOUC of #toc in main content
The ToC is detached and appended to `#sidebar` in toc.js.
In order not to have a FOUC we're hiding it from JS-enabled browsers
by using `.client-js` class.
Also fixing false indenting of ToC list items and simplifying CSS/Less
selectors.
Bug: T118113
Change-Id: Ia5e7a6268f56e8641c4207fe4c26d3933cf6dabc
---
M resources/master.less
1 file changed, 25 insertions(+), 18 deletions(-)
Approvals:
VolkerE: Looks good to me, approved
jenkins-bot: Verified
diff --git a/resources/master.less b/resources/master.less
index b0bd724..396b2f9 100644
--- a/resources/master.less
+++ b/resources/master.less
@@ -82,38 +82,43 @@
display: none;
}
-#content {
+
+/**
+ * General Modules Classes
+ */
+/* IMESelector - Input Keyboard Tool */
+.imeselector-toggle {
+ box-shadow: @bxsh-popup;
+}
+
+
+/**
+ * Document Structure
+ */
+.container {
margin-top: 50px;
padding-top: 1.25em;
-
- & .mw-indicators {
+ padding-left: 22px; // 32px minus 10px margin added in menu.js
+}
+ .mw-indicators {
float: right;
/* Ensure that this is displayed on top of .mw-body-content and
clickable */
position: relative;
z-index: 1;
}
- & .mw-indicator {
+ .mw-indicator {
display: inline-block;
}
-}
-#content.container {
- padding-left: 22px; // 32px minus 10px margin added in menu.js
-}
+ .client-js .container .toc {
+ display: none;
+ }
.example_container {
background-color: @bgc-code;
margin: 2em 0;
padding: 1em;
-}
-
-/*
- * General Modules Classes
- */
-/* IMESelector - Input Keyboard Tool */
-.imeselector-toggle {
- box-shadow: @bxsh-popup;
}
/* Sidebar Offscreen Navigation */
@@ -150,6 +155,10 @@
padding: 0 50px;
font-size: 16px;
line-height: 16px;
+
+ & ul {
+ padding-left: 0;
+ }
& .tocnumber {
display: inline-block;
@@ -304,7 +313,6 @@
border-left: 1px solid #eee;
}
}
-/* Navbar */
#toc-toggle {
background-color: @bgc-contrast;
@@ -322,7 +330,6 @@
}
-/* MediaWiki Stuff */
@media screen {
#contentSub,
#siteSub {
--
To view, visit https://gerrit.wikimedia.org/r/252894
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: Ia5e7a6268f56e8641c4207fe4c26d3933cf6dabc
Gerrit-PatchSet: 2
Gerrit-Project: mediawiki/skins/Blueprint
Gerrit-Branch: master
Gerrit-Owner: VolkerE <[email protected]>
Gerrit-Reviewer: Pastakhov <[email protected]>
Gerrit-Reviewer: Prtksxna <[email protected]>
Gerrit-Reviewer: Spage <[email protected]>
Gerrit-Reviewer: VolkerE <[email protected]>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
