Monaco Editor :Change default Glyph Margin hover TOOLTIP styling

1k views Asked by At

I am working on monaco editor and am looking for a way to style the tooltip hover on a glyph margin.

enter image description here

To achieve the above image I inspected the element and found the css class (hover-row) which I modified as below to get the above styling.

.hover-row {
  white-space: pre-wrap;
    background : black;
    // margin-left : 10px;
    color : hotpink;
    font-weight : bold;
    font-family : monospace;
    padding : 10px;
    border-radius : 10px;
    height: auto;
    width: auto;
}

I want to know if there is a better way to do this other than relying on the internal css classes of the monaco editor. ? I suspect this could break on any given day.

0

There are 0 answers