Problème de CSS en mobile

[kosssi]

Nous avons eu un problème sur la dernière publication de l'application mobile cozy/cozy-banks#930

Le design d'un bouton a changé seulement sur l'application mobile. En regardant de plus prêt nous avons un bouton avec 2 classes CSS. Une des classes provient de cozy-ui et la second de notre application. Notre classe est surchargé par la class de cozy-ui puisque la cozy-bar vient avec ce style et doit être chargé après le style de notre application.

Le problème a déjà été rencontré la semaine dernière par l'équipe Gangsters. @y-lohse avait l'air de dire qu'il avait eu le souci aussi.

Nous avons imaginé 3 façons de résoudre le problème:

• Faire en sorte que l'ordre des CSS / JS soit le même que sur le web
• Faire le tour de passe myReact / react (que cozy-ui soit importé seulement par l'application, mais ça peut poser un problème si l'app a une version moins récente que cozy-bar)
• Builder la bar depuis l'app

PS: J'ai crée l'issue pour information et pour répertorier de nouveau le problème si ça arrive. On prendra plus de temps pour essayer de résoudre le souci à ce moment.

[Crash--]

https://trello.com/c/Cv0MbPMx/158-transpilation-css-cozy-bar

On va tenter la solution de :

• La bar transpile elle même UI et se met à dispo sur NPM avec juste ce qu'elle utilise de UI. Le CSS devrait être scopé et donc ne pas avoir de répercutions sur les app.