maplibre-gl-js
maplibre-gl-js copied to clipboard
css bug: the .maplibregl-ctrl-attrib.maplibregl-compact text color is not set and vanishes in dark mode
I'm testing maplibre with a light mode/dark mode responsive environment, and see that the attribution pill shows as light fill on light background. The bug is coming from this definition, which only defines a background color but does not specify any color, which then defaults to the page-level color, which is light when in dark mode.
https://github.com/maplibre/maplibre-gl-js/blob/0aeb2c0f926fcb4f922791642f0e3ee8119043a2/src/css/maplibre-gl.css#L448
maplibre-gl-js version: 4.0.2
browser: chrome
I'm fixing it locally by adding this:
<style>
.maplibregl-ctrl-attrib.maplibregl-compact,
.maplibregl-ctrl-attrib.maplibregl-compact a {
background-color: #fff;
color: #444;
}
</style>