Custom css for the text area

[tomassedovic]

I tried to modify the look of my local Etherpad Lite setup yesterday. It seems that the custom/pad.css can't handle the everything -- most importantly, the editor area is in an iframe so the custom CSS can't reach it.

So I see 3 possible ways to fix this:

1. Get rid of all the iframes. (while I'd prefer this personally, it probably won't be easy and maybe not even possible -- I didn't study the architecture yet and I presume there's a reason for using iframes)
2. Include the static/custom/pad.css file in all the iframes -- that way it can style every element on the page.
3. Add a new file: static/custom/iframe_editor.css that would be included in the editor iframe.

Would this feature be welcome in the project? If so, let me know what approach you prefer and I can whip up a patch later this week.

[JohnMcLear]

I have done 2 and 3 and tested. Pushed changes to Pita to test, should be in todays version. I will let Pita close this once it's pulled into the master branch.

Feel free to try approach to #1, Pita may have some more insights as to why an iFrame is required..

[Pita]

I think 2 is a good solution. But this is a douple iframe, means there is again an iframe in an iframe (I don't know why they did this).

[JohnMcLear]

Closed and merged

[adamjgrant]

Hmm, I'm having the same issue, but I don't see #2 or #3 implemented in the latest version.