I've got Leaflet working in my Angular application and everything is working great, but I'm trying to add a permanent tooltip to some polygons on the map. The tooltips show up, but only with the default styling. The className I specified doesn't seem to be working for the class in my scss file. Is there some other place I should be inserting the css styling other than the regular scss file to get this to work?
here is the code line:
layer.bindTooltip(ld.geoid, {permanent: true, direction: "center", className: "tract-label"})
I've got Leaflet working in my Angular application and everything is working great, but I'm trying to add a permanent tooltip to some polygons on the map. The tooltips show up, but only with the default styling. The className I specified doesn't seem to be working for the class in my scss file. Is there some other place I should be inserting the css styling other than the regular scss file to get this to work?
here is the code line: layer.bindTooltip(ld.geoid, {permanent: true, direction: "center", className: "tract-label"})
and this is the class in my scss file:
.tract-label { position: absolute; height: 20px; border: 1px solid black; border-radius: 5px; width: 50px; color: red; background-color: #0000ff;
}