Add titles to toggle layer control buttons

This commit is contained in:
Tyler Hallada 2022-01-23 19:51:28 -05:00
parent bb8a640d08
commit dbec8def39

View File

@ -49,6 +49,7 @@ const ToggleLayersControl: React.FC<Props> = ({ map }) => {
className={`${styles["heatmap-toggle"]} ${ className={`${styles["heatmap-toggle"]} ${
!heatmapVisible ? styles["toggle-off"] : "" !heatmapVisible ? styles["toggle-off"] : ""
}`} }`}
title="Toggle heatmap"
> >
<span className="mapboxgl-ctrl-icon" /> <span className="mapboxgl-ctrl-icon" />
</button> </button>
@ -58,6 +59,7 @@ const ToggleLayersControl: React.FC<Props> = ({ map }) => {
className={`${styles["grid-toggle"]} ${ className={`${styles["grid-toggle"]} ${
!gridVisible ? styles["toggle-off"] : "" !gridVisible ? styles["toggle-off"] : ""
}`} }`}
title="Toggle cell grid"
> >
<span className="mapboxgl-ctrl-icon" /> <span className="mapboxgl-ctrl-icon" />
</button> </button>
@ -67,6 +69,7 @@ const ToggleLayersControl: React.FC<Props> = ({ map }) => {
className={`${styles["labels-toggle"]} ${ className={`${styles["labels-toggle"]} ${
!labelsVisible ? styles["toggle-off"] : "" !labelsVisible ? styles["toggle-off"] : ""
}`} }`}
title="Toggle cell labels"
> >
<span className="mapboxgl-ctrl-icon" /> <span className="mapboxgl-ctrl-icon" />
</button> </button>