Prevent VitePress styles to conflict with GrowthExperiments demo styles
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Sgs
	Mar 7 2023, 10:43 AM

Description

The VitePress default styles are conflicting with the GrowthExperiments demos. We should find a suitable way to avoid this.

	Subject	Repo	Branch	Lines +/-
	Frontend docs: use PostCSS plugin to avoid VitePress styles conflicting with custom styles	mediawiki/extensions/GrowthExperiments	master	+50 -2

Status	Assigned	Task
Resolved	None	T340453 [Epic] FY 2023-24 Growth Maintenance Work
Open	None	T325082 Eslint: configure browser compatibility
Open	None	T367429 [Epic] FY 2024-25 Growth Maintenance Work
Open	Sgs	T296646 [Epic] Migration of front-end modules to Vue.js components
Resolved	KStoller-WMF	T329033 [Internship] Modernization of web interfaces using Vue.js
Resolved	• VYanez-WMF	T331395 Prevent VitePress styles to conflict with GrowthExperiments demo styles

kostajh triaged this task as Medium priority.Mar 8 2023, 12:32 PM

Change 896021 had a related patch set uploaded (by Viviana Yanez; author: Viviana Yanez):

[mediawiki/extensions/GrowthExperiments@master] documentation/frontend/docs: Add .postcssrc.cjs

Change 896021 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Frontend docs: use PostCSS plugin to avoid VitePress styles conflicting with custom styles

Nice work!