Main menu and notification css should be loaded via JavaScript
Closed, DuplicatePublic
Actions

Assigned To

None

Authored By

	Jdlrobson
	May 6 2015, 8:12 PM

Description

less/mainmenu.less has various css rules related to the main menu.
These should only be loaded on Special:MobileOptions or in javascript as part of the mobile.mainMenu ResourceLoader module.

.secondary-navigation-enabled #mw-mf-page-center
.secondary-navigation-enabled #mw-mf-page-center .main-header-button
.notifications-overlay.navigation-drawer

.animations .notifications-overlay.navigation-drawer
.animations .notifications-overlay.navigation-drawer.visible
.navigation-enabled.animations .position-fixed,.navigation-enabled.animations #mw-mf-page-center
.primary-navigation-enabled.animations .position-fixed,.primary-navigation-enabled.animations #mw-mf-page-center
.primary-navigation-enabled.animations nav
.secondary-navigation-enabled.animations #mw-mf-page-center
.rtl .animations .notifications-overlay.navigation-drawer
.rtl .animations .notifications-overlay.navigation-drawer.visible
.rtl.primary-navigation-enabled.animations .position-fixed,.rtl.primary-navigation-enabled.animations #mw-mf-page-center
.rtl.secondary-navigation-enabled.animations #mw-mf-page-center
nav
.transparent-shield,.navigation-drawer
.notifications-overlay.navigation-drawer
nav
.client-js nav .icon-secondary,.client-js nav .secondary-action
.client-js nav .icon-profile,.client-js nav .primary-action
nav ul:first-child
nav ul:first-child li:first-child
nav ul li
nav ul li:hover
nav ul li:hover a
nav ul li:last-child
nav ul li a
nav ul li a:hover
nav ul li a:visited,nav ul li a:active
nav ul.hlist li
nav ul.hlist li a
body.navigation-enabled #mw-mf-viewport
body.navigation-enabled #mw-mf-page-center
body.navigation-enabled .navigation-drawer,body.navigation-enabled .transparent-shield
body.navigation-enabled .transparent-shield
.primary-navigation-enabled
.primary-navigation-enabled #mw-mf-viewport
.primary-navigation-enabled nav
.primary-navigation-enabled .position-fixed
.animations #mw-mf-page-center
.animations nav

Related Objects
Search...

Status	Assigned	Task
Duplicate	None	T98397 Main menu and notification css should be loaded via JavaScript
Resolved	Jdlrobson	T97289 Trim down CSS loaded in the head for anonymous users on mobile
Resolved	• bmansurov	T95332 Stop serving menu and styles in the page HTML
Resolved	Jdlrobson	T97431 Render main menu via a template
Resolved	Jdlrobson	T97326 Only load mobile.pagelist.styles when necessary
Resolved	Jdlrobson	T97327 skins.minerva.drawers.styles should be moved into mobile.drawers
Resolved	Jdlrobson	T98392 Gather module ext.gather.menu.icon should only load in beta and be position bottom
Invalid	matmarex	T98394 ResourceLoaderImageModule always gets loaded in head
Resolved	Jdlrobson	T97587 .column-break-inside-avoid rule appearing on every ResourceLoader module that includes mixins file
Declined	Jdlrobson	T98395 MediaWiki UI styles loaded in head but unused on most pages
Open	None	T101666 Create parser tag(s) that render OOUI PHP widgets
Resolved	Florian	T106949 enableOOUI() not possible for Tag extensions
Resolved	Jdlrobson	T98399 .inputs-box style shoudl only be loaded on login page
Resolved	Jdlrobson	T98400 Alpha styles loaded for all users in head
Resolved	Jdlrobson	T98401 Main page specific styles should only be loaded on main page and not in the head
Resolved	Jdlrobson	T98402 Upload icon styles loaded despite uploads being disabled
Resolved	Jdlrobson	T98473 Minimise icons loaded in head
Declined	Jdlrobson	T98858 Content styles should not be loaded in head
Resolved	Jdlrobson	T98859 Main menu styles shouldn't be loaded on all pages
Resolved	Jdlrobson	T98864 Various legacy icons loaded in head via iconsNew.less
Resolved	Jdlrobson	T98869 Mobile menu icons loaded in head
Resolved	Jdlrobson	T98870 Diff icons loaded in head
Resolved	Jdlrobson	T98871 Icons used in JavaScript overlays are loaded in the head
Resolved	• Gilles	T98875 skins.minerva.beta.images loaded in head on beta site
Resolved	Jdlrobson	T98877 Alert styles should be conditionally loaded
Resolved	Jdlrobson	T98878 Gallery styles should only be loaded on pages that need them (desktop and mobile)
Resolved	Jdlrobson	T110709 Stop double loading mediawiki.page.gallery.styles
Resolved	Florian	T113511 Category media styles broken in 1.26wmf24
Invalid	Florian	T113522 Reconcile category and gallery code to be generated via the same mechanism
Resolved	Jdlrobson	T100405 Do not load icons without JS

Event Timeline

Jdlrobson created this task.May 6 2015, 8:12 PM

Jdlrobson raised the priority of this task from to Medium.

Jdlrobson updated the task description. (Show Details)

Jdlrobson added projects: MediaWiki-ResourceLoader, Performance-Team, Patch-For-Review.

Jdlrobson updated the task description. (Show Details)

Jdlrobson set Security to None.

Jdlrobson added subscribers: JanZerebecki, He7d3r, Aklapper and 4 others.

Jdlrobson renamed this task from Main menu css should be loaded via JavaScript to Main menu and notification css should be loaded via JavaScript.May 6 2015, 8:15 PM

Jdlrobson added a subtask: T97289: Trim down CSS loaded in the head for anonymous users on mobile.

Jdlrobson removed a parent task: T97410: Make position of modules currently added with addModuleStyles explicit.

Jdlrobson edited projects, added Web-Team-Backlog-Archived; removed Patch-For-Review, MediaWiki-ResourceLoader.

JanZerebecki unsubscribed.May 6 2015, 8:28 PM

phuedx moved this task from Incoming to 2016-17 Q2 on the Web-Team-Backlog-Archived board.May 8 2015, 11:23 AM

Jdlrobson closed this task as a duplicate of T98859: Main menu styles shouldn't be loaded on all pages.May 13 2015, 5:50 PM

Jdlrobson closed subtask T97289: Trim down CSS loaded in the head for anonymous users on mobile as Resolved.Sep 26 2015, 12:42 AM