I’m currently working on an usage of CodeMirror with multiple (10-15) different gutters. Each gutter column presents some meta information about each line of code (all numbers). The magnitude of these numbers vary quite a bit - sometimes the meta information is 1 digit, sometimes 20. My issue is to make the width of each gutter column dynamic to the size of the maximum width of its content in the same way that the line-numbers gutter vary in size depending on the maximum line number.
Any suggestion on how to achieve this? It seems like CodeMirror just inherits the width property from the specified CSS class (thus simple styling of the class is not solving my problem), and not the entire class. Thus it seems to be rather static.