Clarify CSS structure

[niccokunzmann]

Expected results

For each page, I would like to know:

• which file do I have to edit to change this page
• without breaking other pages

Actual results

• not clear which file is used where, unclear names like "custom.css"
• CSS is replaced by JavaScript

Implementation/Solution Ideas

I would like to have

• one css file per page
• one css file with the proposed design from the UI guidelines

Related

• A discussion about how this issue spreads through the game enhancement for play/pause of audio #695 (comment)
• An example of how hard it is to find the causes of the css behavior https://github.com/fossasia/labyrinth/pull/710/files#r165946691
• https://ilikekillnerds.com/2015/10/css-in-js-its-a-trap/

[nzec]

Don't have any time right now! However, I feel really strongly about this, If anyone doesn't take this up in ~5 days. I'll work on it.

[himanshuc3]

I would like to refactor and clean up.

[nzec]

@himanshuc3 Sure! Go ahead!

[nzec]

Damn. This is gonna be quite a task. Will work on it @himanshuc3 is not.

[samyakbvs]

I would like to work on it :) @niccokunzmann @duttaditya18

[nzec]

@samyakbvs Sure. Go ahead!

[niccokunzmann]

Welcome, sure! Have fun :)

…

On 09/16/2018 03:13 PM, samyakbvs wrote: I would like to work on it :) @niccokunzmann <https://github.com/niccokunzmann> @duttaditya18 <https://github.com/duttaditya18> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#711 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAieIC1qZKF2lA_AihLi1-qmp23rytKlks5ubk5fgaJpZM4R5TtF>.