Custom CSS For Advanced Users about tabliss HOT 2 CLOSED

Hi! I plan to do a few changes to the dashboard CSS in the future, however customisability does fit the mantra of what Tabliss is about, so I do support the idea. Maybe mark it as Advanced/supply a warning message under the CSS box that states changes this is for advanced usage and the styles may update from time to time (or I could add something to that effect).

As for actual implementation, you are correct about the two components, one for dashboard that handles the actual widget logic, and one for settings that goes in the settings menu. Now I don't think there is a nice "React way" to inject user-definable CSS into the global scope, so you may need to settle for a dirty document.createElement hack to have it work. Just make sure you remove it again when the component is unmounted! Check the font widget for which lifecycle functions attach and detach are called from.

from tabliss.

If I started working on this, would you accept a PR? My idea is to supply a new widget with a textbox in the settings to paste the CSS, and then add a style tag to the UI with the css inside.

I've not used react in the past (I've been in more in the Angular camp), so if you can think of a significantly better way, let me know. From what I understand by looking at the source, the widget has two elements: a default one (for the UI), and a settings one (for the left-side settings bar). It seems pretty straightforward.

@joelshepherd

from tabliss.