mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-05 14:00:51 -04:00
Users on devices/browsers that support touch have the rounded corners styles applied by this selector: .leaflet-touch .leaflet-bar a:first-child, .leaflet-touch .leaflet-bar a:last-child It has a higher precedence than the existing selector we use to override it so our overrides are ignored: .leaflet-bar a:first-child, .leaflet-bar a:last-child This changes the selector for our block of styles to include one matching the existing styles above so devices/browsers also get our styles. Note 1: this actually means some styles were no longer needed so this also removes them. Note 2: oddly, this was spotted in Firefox when displaying high contrast mode on desktop. So not a touch device but leaflet's JS is marking it as such.