Skip to content

Instantly share code, notes, and snippets.

@lancegliser
Created April 8, 2020 00:06
Show Gist options
  • Save lancegliser/06158608619080d9e5462c72dd83e718 to your computer and use it in GitHub Desktop.
Save lancegliser/06158608619080d9e5462c72dd83e718 to your computer and use it in GitHub Desktop.
A set of common corrections to the css provided by mapboxgl to handle some edge cases I've found.
.mapboxgl-popup-content {
/* The content is delcared with a white background, but no default color */
color: #222;
}
.mapboxgl-ctrl-bottom-left {
/* Provides a barrier to prevent long content from overlapping the other control groups */
right: 56px;
}
.mapboxgl-ctrl-top-left {
/* Provides a barrier to prevent long content from overlapping the other control groups */
bottom: 56px;
right: 56px;
}
.mapboxgl-ctrl-top-right {
/* Provides a barrier to prevent long content from overlapping the other control groups */
bottom: 56px;
left: 56px;
}
.mapboxgl-ctrl-bottom-right {
/* Provides a barrier to prevent long content from overlapping the other control groups */
left: 56px;
}
.mapboxgl-ctrl-group {
/* The groups are delcared with a white background, but no default color */
color: #222;
}
/*
* Plugins
*/
.mapboxgl-style-list button {
/* Corrects a height control issue that could cause rendering issues */
height: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment