Add titles to toggle layer control buttons
This commit is contained in:
parent
bb8a640d08
commit
dbec8def39
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user