mediawiki-extensions-Echo/modules/styles/mw.echo.ui.NotificationItemWidget.modern.less

.mw-echo-ui-notificationItemWidget {
	#p-personal & a,
	#p-personal & a.new {
		// Oh and double everything for :hover since Modern does that too.
		&,
		&:hover {
			// In modern, the hover color is white, which is unhelpful.
			color: #666;
			text-decoration: none;
		}
	}
}

#p-personal .mw-echo-ui-notificationBadgeButtonPopupWidget-footer a {
	color: #666;
}

// Override personal tools padding for links
#p-personal li .mw-echo-state a {
	padding: 0;
}
Change the naming of 'notification option' to 'notification item' widgets This is in preparation of adding more item models and widget types, and in preparation of switching the notification widget away from being a select widget. Change-Id: I518fb3d80f4f67d677c21ca5593638269acfa544 2015-11-12 19:37:56 +00:00			`.mw-echo-ui-notificationItemWidget {`
Make links non-white in the notification popup in Modern Change-Id: Icceeb916efceb8c2395aae7b30b054b274645f02 2015-09-11 00:05:30 +00:00			`#p-personal & a,`
Split alerts and messages in Echo Split the notifications into 'alert' and 'message' badget with two different flyouts. Also clean up styling and module behavior. Depends on ooui change Id4bbe14ba0bf6c for footers in popups. Depends on ooui change Ie93e4d6ed5637c for fixing a bug in inverted icons. ** MobileFrontend must also be updated to support the new modules in this patch I168f485d6e54cb4067 In this change: * Split notifcations into alert and messages and display those in two different badges. * Create two separate flyout/popups for each category with their notifications. * Create a view-model to control notification state and emit events for both the popup and the badge to intercept and react to. * Clean up module load and distribution: * Create an ext.echo.ui module for javascript-ui support and ooui widgets. * Create an ext.echo.nojs module that unifies all base classes that are needed for both nojs and js support, that the js version builds upon. * Create a separate ext.echo.logger module as a singleton that can be called to perform all logging. * Clean up style uses * Move the special page LESS file into nojs module so all styles load properly even in nojs mode. * Transfer some of the styling from JS to LESS for consistency. * Make the 'read more' button load already with the styles it needs to look like a button, since its behavior is similar in nojs and js vesions, but before its classes were applied only by the js, making it inconsistent and also making its appearance 'jump' from a link to a button. * Delete and clean up all old and unused files. * Moved 'Help.png' icon from modules/overlay to modules/icons for later use. Bug: T108190 Change-Id: I55f440ed9f64c46817f620328a6bb522d44c9ca9 2015-08-13 00:54:16 +00:00			`#p-personal & a.new {`
Also override Modern's :hover styles Modern has duplicated styles for `#p-personal li a` and `#p-personal li a:hover`, so duplicate our styles too to make sure they fully override Modern. Bug: T114080 Change-Id: Ib3da29532e9f0939379f3988a629bd6b7b1fabb8 2015-09-30 18:25:06 +00:00			`// Oh and double everything for :hover since Modern does that too.`
Introduce stylelint Introducing stylelint with configuration rules compliant to Wikimedia CSS Coding Standards 'stylelint-config-wikimedia', nullifying some for now and making majority pass. Change-Id: I2c4acee41c9b56d9b00e2a2c5b7ab0ab5de454ce 2016-10-05 00:11:41 +00:00			`&,`
			`&:hover {`
Also override Modern's :hover styles Modern has duplicated styles for `#p-personal li a` and `#p-personal li a:hover`, so duplicate our styles too to make sure they fully override Modern. Bug: T114080 Change-Id: Ib3da29532e9f0939379f3988a629bd6b7b1fabb8 2015-09-30 18:25:06 +00:00			`// In modern, the hover color is white, which is unhelpful.`
Introduce stylelint Introducing stylelint with configuration rules compliant to Wikimedia CSS Coding Standards 'stylelint-config-wikimedia', nullifying some for now and making majority pass. Change-Id: I2c4acee41c9b56d9b00e2a2c5b7ab0ab5de454ce 2016-10-05 00:11:41 +00:00			`color: #666;`
Also override Modern's :hover styles Modern has duplicated styles for `#p-personal li a` and `#p-personal li a:hover`, so duplicate our styles too to make sure they fully override Modern. Bug: T114080 Change-Id: Ib3da29532e9f0939379f3988a629bd6b7b1fabb8 2015-09-30 18:25:06 +00:00			`text-decoration: none;`
			`}`
Split alerts and messages in Echo Split the notifications into 'alert' and 'message' badget with two different flyouts. Also clean up styling and module behavior. Depends on ooui change Id4bbe14ba0bf6c for footers in popups. Depends on ooui change Ie93e4d6ed5637c for fixing a bug in inverted icons. ** MobileFrontend must also be updated to support the new modules in this patch I168f485d6e54cb4067 In this change: * Split notifcations into alert and messages and display those in two different badges. * Create two separate flyout/popups for each category with their notifications. * Create a view-model to control notification state and emit events for both the popup and the badge to intercept and react to. * Clean up module load and distribution: * Create an ext.echo.ui module for javascript-ui support and ooui widgets. * Create an ext.echo.nojs module that unifies all base classes that are needed for both nojs and js support, that the js version builds upon. * Create a separate ext.echo.logger module as a singleton that can be called to perform all logging. * Clean up style uses * Move the special page LESS file into nojs module so all styles load properly even in nojs mode. * Transfer some of the styling from JS to LESS for consistency. * Make the 'read more' button load already with the styles it needs to look like a button, since its behavior is similar in nojs and js vesions, but before its classes were applied only by the js, making it inconsistent and also making its appearance 'jump' from a link to a button. * Delete and clean up all old and unused files. * Moved 'Help.png' icon from modules/overlay to modules/icons for later use. Bug: T108190 Change-Id: I55f440ed9f64c46817f620328a6bb522d44c9ca9 2015-08-13 00:54:16 +00:00			`}`
Make the footer links readable in Modern White on white isn't readable :( Change-Id: Ie352961048ef9788a53da4b1cfeddd5808284b68 2015-09-16 23:53:32 +00:00			`}`

			`#p-personal .mw-echo-ui-notificationBadgeButtonPopupWidget-footer a {`
Introduce stylelint Introducing stylelint with configuration rules compliant to Wikimedia CSS Coding Standards 'stylelint-config-wikimedia', nullifying some for now and making majority pass. Change-Id: I2c4acee41c9b56d9b00e2a2c5b7ab0ab5de454ce 2016-10-05 00:11:41 +00:00			`color: #666;`
Split alerts and messages in Echo Split the notifications into 'alert' and 'message' badget with two different flyouts. Also clean up styling and module behavior. Depends on ooui change Id4bbe14ba0bf6c for footers in popups. Depends on ooui change Ie93e4d6ed5637c for fixing a bug in inverted icons. ** MobileFrontend must also be updated to support the new modules in this patch I168f485d6e54cb4067 In this change: * Split notifcations into alert and messages and display those in two different badges. * Create two separate flyout/popups for each category with their notifications. * Create a view-model to control notification state and emit events for both the popup and the badge to intercept and react to. * Clean up module load and distribution: * Create an ext.echo.ui module for javascript-ui support and ooui widgets. * Create an ext.echo.nojs module that unifies all base classes that are needed for both nojs and js support, that the js version builds upon. * Create a separate ext.echo.logger module as a singleton that can be called to perform all logging. * Clean up style uses * Move the special page LESS file into nojs module so all styles load properly even in nojs mode. * Transfer some of the styling from JS to LESS for consistency. * Make the 'read more' button load already with the styles it needs to look like a button, since its behavior is similar in nojs and js vesions, but before its classes were applied only by the js, making it inconsistent and also making its appearance 'jump' from a link to a button. * Delete and clean up all old and unused files. * Moved 'Help.png' icon from modules/overlay to modules/icons for later use. Bug: T108190 Change-Id: I55f440ed9f64c46817f620328a6bb522d44c9ca9 2015-08-13 00:54:16 +00:00			`}`
Override padding for links in personal tools in Modern skin The flyout is now part of the personal tools, so Modern's styling of `#p-personal li a` now affects it. Override that for links in the flyout so it doesn't look super silly. Bug: T111825 Change-Id: Ie67ff2d7803362bd7214bade27383282620799b9 2015-09-10 20:41:18 +00:00
			`// Override personal tools padding for links`
			`#p-personal li .mw-echo-state a {`
Introduce stylelint Introducing stylelint with configuration rules compliant to Wikimedia CSS Coding Standards 'stylelint-config-wikimedia', nullifying some for now and making majority pass. Change-Id: I2c4acee41c9b56d9b00e2a2c5b7ab0ab5de454ce 2016-10-05 00:11:41 +00:00			`padding: 0;`
Override padding for links in personal tools in Modern skin The flyout is now part of the personal tools, so Modern's styling of `#p-personal li a` now affects it. Override that for links in the flyout so it doesn't look super silly. Bug: T111825 Change-Id: Ie67ff2d7803362bd7214bade27383282620799b9 2015-09-10 20:41:18 +00:00			`}`