Alertmanager: CSS styling

Created on 2 May 2017  路  6Comments  路  Source: prometheus/alertmanager

How do we want to write CSS?

Right now we only have a style tag in our index.html.
I would suggest for the time being to just use a styles.css file which is served by the back-end. I am fine with using something that enables nesting like less but shy at the extra complexity introduced by the needed transpiler.

@w0rm @stuartnelson3 What do you think?

componenui

Most helpful comment

So far I would agree with @stuartnelson3 as it introduces the least amount of complexity. I would reconsider the choice if the amount of CSS we write gets out of hand.

So suggested next steps:
Move style tag to separate CSS file.

All 6 comments

@mxinden I think we should check https://github.com/rtfeldman/elm-css that is a type safe way to write css in elm.

@w0rm Definitely something I want to look into. Both inline and generating css files could be applicable for us.
I am a little afraid of the dependency though. So I would prefer a Spike before fully integrating it into the project. Do you have experience with the library?

I haven't used this library before, but I have heard many good things about it!

I'm hoping that we can get 95% of our styling done wiht bootstrap, and then just a few simple things in a styles.css? I'm hoping we write a small enough amount of css that we don't need to consider less.

So far I would agree with @stuartnelson3 as it introduces the least amount of complexity. I would reconsider the choice if the amount of CSS we write gets out of hand.

So suggested next steps:
Move style tag to separate CSS file.

Closing here as we don't have any custom css right now (See comment). Feel free to reopen.

Was this page helpful?
0 / 5 - 0 ratings