This proposal has been accepted because:

This is a much needed project for Mautic's UX/UI team to move forward with our work on accessibility and modernizing the user interface.

Bootstrap upgrade

Official proposal 27/01/2025 21:04 Accepted

Project description

Mautic currently uses a very outdated version of Bootstrap, which is inhibiting a lot of the work in the UX/UI Tiger Team. This project involves updating Bootstrap across the application including all the necessary changes to code and layout to support this update, such as switching from LESS to SASS. This project will allow the future development of many new features and enhancements that rely on capabilities introduced by newer versions of Bootstrap.

Expected outcomes

Update Mautic from the current version of Bootstrap to version <<insert version>>
Add new NPM packages
Switch from using LESS to SASS
Modify the PHP function that copies resources from node_modules to folders used in production
Documentation update for users and developers where required
Migrate existing custom utility classes to those introduced by Bootstrap
Migrate deprecated Bootstrap JS libraries to the new ones (e.g. for tooltips)
Maintain or increase layout stability for all existing components
Update the grunt compile-less task to use a new watcher for building the final CSS
Refactor hardcoded CSS files from each bundle to use SASS instead
Implement a CSS purifier to remove unused code from the production environment

Skills needed

PHP
LESS/SASS
JS
HTML
CSS

Size

Large (350 hours)

Difficulty

Hard

Type

Core Development

Mentors

Primary mentor: AJ Eccel
Additional mentors: John Linhart

Comment

Filter results for category: Ready for applicants

Fingerprint

The piece of text below is a shortened, hashed representation of this content. It is useful to ensure the content has not been tampered with, as a single modification would result in a totally different value.

Value: e2ca3f6efd013b6b6c5e848abe4eeae57c1ab389e388a77b0028dc5c2bebd48d

Source:

{"body":{"ca":"","de":"","en":"<h3>Project description</h3><p>Mautic currently uses a very outdated version of Bootstrap, which is inhibiting a lot of the work in the UX/UI Tiger Team. This project involves updating Bootstrap across the application including all the necessary changes to code and layout to support this update, such as switching from LESS to SASS. This project will allow the future development of many new features and enhancements that rely on capabilities introduced by newer versions of Bootstrap.</p><h3>Expected outcomes</h3><ul><li>Update Mautic from the current version of Bootstrap to version &lt;&lt;insert version&gt;&gt;</li><li>Add new NPM packages</li><li>Switch from using LESS to SASS</li><li>Modify the PHP function that copies resources from node_modules to folders used in production</li><li>Documentation update for users and developers where required</li><li>Migrate existing custom utility classes to those introduced by Bootstrap</li><li>Migrate deprecated Bootstrap JS libraries to the new ones (e.g. for tooltips)</li><li>Maintain or increase layout stability for all existing components</li><li>Update the grunt compile-less task to use a new watcher for building the final CSS</li><li>Refactor hardcoded CSS files from each bundle to use SASS instead</li><li>Implement a CSS purifier to remove unused code from the production environment</li></ul><h3>Skills needed</h3><ul><li>PHP</li><li>LESS/SASS</li><li>JS</li><li>HTML</li><li>CSS</li></ul><h3>Size</h3><p>Large (350 hours)</p><h3>Difficulty</h3><p>Hard</p><h3>Type</h3><p>Core Development</p><h3>Mentors</h3><p>Primary mentor: AJ Eccel<br>Additional mentors: John Linhart</p>","es":"","pt-BR":""},"title":{"ca":"","de":"","en":"Bootstrap upgrade","es":"","pt-BR":""}}

This fingerprint is calculated using a SHA256 hashing algorithm. In order to replicate it yourself, you can use an MD5 calculator online and copy-paste the source data.

Essential

Preferences

Analytics and statistics

Marketing