This change moves the rules for the CSS classes that only
get used by JavaScript into the same module 'mediawiki.toc'.
This module already gets loaded via JavaScript.
This way, the styles are only loaded when they are needed.
Cached HTML pages already contain the module 'mediawiki.toc'
so there is no problem on deployment.
Change-Id: Ib7c81e9433e7e3976e40e407f63fc8e924957faa
),
'mediawiki.toc' => array(
'scripts' => 'resources/src/mediawiki/mediawiki.toc.js',
),
'mediawiki.toc' => array(
'scripts' => 'resources/src/mediawiki/mediawiki.toc.js',
+ 'styles' => array(
+ 'resources/src/mediawiki/mediawiki.toc.css'
+ => array( 'media' => 'screen' ),
+ 'resources/src/mediawiki/mediawiki.toc.print.css'
+ => array( 'media' => 'print' ),
+ ),
'dependencies' => 'mediawiki.cookie',
'messages' => array( 'showtoc', 'hidetoc' ),
'targets' => array( 'desktop', 'mobile' ),
'dependencies' => 'mediawiki.cookie',
'messages' => array( 'showtoc', 'hidetoc' ),
'targets' => array( 'desktop', 'mobile' ),
div#column-one,
.mw-editsection,
.mw-editsection-like,
div#column-one,
.mw-editsection,
.mw-editsection-like,
-.toctoggle,
-#toc.tochidden,
div#f-poweredbyico,
div#f-copyrightico,
li#about,
div#f-poweredbyico,
div#f-copyrightico,
li#about,
-#toc .toctoggle,
-.toc .toctoggle {
- font-size: 94%;
-}
-
.error {
color: red;
font-size: larger;
.error {
color: red;
font-size: larger;
-.toctoggle,
-.tochidden,
#jump-to-nav {
-moz-user-select: none;
-webkit-user-select: none;
#jump-to-nav {
-moz-user-select: none;
-webkit-user-select: none;
-#toc .toctoggle,
-.toc .toctoggle {
- font-size: 94%;
-}
-
/* Separate columns for tocnumber and toctext */
/* Ignored by IE7 and lower */
.tocnumber,
/* Separate columns for tocnumber and toctext */
/* Ignored by IE7 and lower */
.tocnumber,
--- /dev/null
+.tochidden,
+.toctoggle {
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.toctoggle {
+ font-size: 94%;
+}
--- /dev/null
+#toc.tochidden,
+.toctoggle {
+ display: none;
+}