maplibre-gl-js icon indicating copy to clipboard operation
maplibre-gl-js copied to clipboard

css bug: the .maplibregl-ctrl-attrib.maplibregl-compact text color is not set and vanishes in dark mode

Open Fil opened this issue 1 year ago • 0 comments

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 dark mode bug

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>

Fil avatar Feb 22 '24 17:02 Fil