From f5d280682e4590953bca11ac758cbfc44984ab0d Mon Sep 17 00:00:00 2001 From: Quincy Morgan <2046746+quincylvania@users.noreply.github.com> Date: Mon, 13 Jul 2020 10:57:59 -0400 Subject: [PATCH] Add mousewheel icon to help and walkthrough --- data/core.yaml | 4 ++-- dist/locales/en.json | 4 ++-- modules/ui/intro/helper.js | 1 + svg/iD-sprite/graphics/walkthrough-mousewheel.svg | 5 +++++ 4 files changed, 10 insertions(+), 4 deletions(-) create mode 100644 svg/iD-sprite/graphics/walkthrough-mousewheel.svg diff --git a/data/core.yaml b/data/core.yaml index 9fb6fd55d..27680bc3f 100644 --- a/data/core.yaml +++ b/data/core.yaml @@ -1306,7 +1306,7 @@ en: title: Overview navigation_h: "Navigation" navigation_drag: "You can drag the map by holding down the {leftclick} left mouse button and moving the mouse around, or by {touchdrag_icon} dragging on a touchscreen. You can also use the `↓`, `↑`, `←`, `→` arrow keys on a keyboard." - navigation_zoom: "You can zoom in or out by scrolling with the mouse wheel or trackpad, or by pinching with two fingers on a touchscreen. You can also press the {plus} / {minus} buttons along the side of the map or the `+`, `-` keys on a keyboard." + navigation_zoom: "You can zoom in or out by scrolling with a {mousewheel_icon} mouse wheel or trackpad, or by pinching with two fingers on a touchscreen. You can also press the {plus} / {minus} buttons along the side of the map or the `+`, `-` keys on a keyboard." features_h: "Map Features" features: "We use the word *features* to describe things that appear on the map, such as roads, buildings, or points of interest. Anything in the real world can be mapped as a feature on OpenStreetMap. Map features are represented on the map using *points*, *lines*, or *areas*." nodes_ways: "In OpenStreetMap, points are sometimes called *nodes*, and lines and areas are sometimes called *ways*." @@ -1934,7 +1934,7 @@ en: map_info: "The main map area shows OpenStreetMap data on top of a background." drag: "You can click-and-drag the map with the {leftclick} left mouse button to move it around. You can also use the arrow keys on a keyboard. **Drag the map!**" drag_touch: "You can {touchdrag_icon} tap-and-drag the map to move it around. You can also use the arrow keys on a keyboard. **Drag the map!**" - zoom: "You can zoom the map by scrolling with a mouse wheel or trackpad, or by pressing the {plus} / {minus} buttons. **Zoom the map!**" + zoom: "You can zoom the map by scrolling with a {mousewheel_icon} mouse wheel or trackpad, or by pressing the {plus} / {minus} buttons. **Zoom the map!**" zoom_touch: "You can zoom the map by pinching it with two fingers, {doubletap_icon} double-tapping a location, or pressing the {plus} / {minus} buttons. **Zoom the map!**" features: "We use the word *features* to describe the things that appear on the map. Anything in the real world can be mapped as a feature on OpenStreetMap." points_lines_areas: "Map features are represented using *points, lines, or areas.*" diff --git a/dist/locales/en.json b/dist/locales/en.json index 7ac79e197..c8c53aa00 100644 --- a/dist/locales/en.json +++ b/dist/locales/en.json @@ -1641,7 +1641,7 @@ "title": "Overview", "navigation_h": "Navigation", "navigation_drag": "You can drag the map by holding down the {leftclick} left mouse button and moving the mouse around, or by {touchdrag_icon} dragging on a touchscreen. You can also use the `↓`, `↑`, `←`, `→` arrow keys on a keyboard.", - "navigation_zoom": "You can zoom in or out by scrolling with the mouse wheel or trackpad, or by pinching with two fingers on a touchscreen. You can also press the {plus} / {minus} buttons along the side of the map or the `+`, `-` keys on a keyboard.", + "navigation_zoom": "You can zoom in or out by scrolling with a {mousewheel_icon} mouse wheel or trackpad, or by pinching with two fingers on a touchscreen. You can also press the {plus} / {minus} buttons along the side of the map or the `+`, `-` keys on a keyboard.", "features_h": "Map Features", "features": "We use the word *features* to describe things that appear on the map, such as roads, buildings, or points of interest. Anything in the real world can be mapped as a feature on OpenStreetMap. Map features are represented on the map using *points*, *lines*, or *areas*.", "nodes_ways": "In OpenStreetMap, points are sometimes called *nodes*, and lines and areas are sometimes called *ways*." @@ -2409,7 +2409,7 @@ "map_info": "The main map area shows OpenStreetMap data on top of a background.", "drag": "You can click-and-drag the map with the {leftclick} left mouse button to move it around. You can also use the arrow keys on a keyboard. **Drag the map!**", "drag_touch": "You can {touchdrag_icon} tap-and-drag the map to move it around. You can also use the arrow keys on a keyboard. **Drag the map!**", - "zoom": "You can zoom the map by scrolling with a mouse wheel or trackpad, or by pressing the {plus} / {minus} buttons. **Zoom the map!**", + "zoom": "You can zoom the map by scrolling with a {mousewheel_icon} mouse wheel or trackpad, or by pressing the {plus} / {minus} buttons. **Zoom the map!**", "zoom_touch": "You can zoom the map by pinching it with two fingers, {doubletap_icon} double-tapping a location, or pressing the {plus} / {minus} buttons. **Zoom the map!**", "features": "We use the word *features* to describe the things that appear on the map. Anything in the real world can be mapped as a feature on OpenStreetMap.", "points_lines_areas": "Map features are represented using *points, lines, or areas.*", diff --git a/modules/ui/intro/helper.js b/modules/ui/intro/helper.js index 4d166f6e7..580a4ccee 100644 --- a/modules/ui/intro/helper.js +++ b/modules/ui/intro/helper.js @@ -75,6 +75,7 @@ export function helpString(id, replacements) { save_icon: icon('#iD-icon-save', 'pre-text'), leftclick: icon('#iD-walkthrough-mouse-left', 'pre-text operation'), rightclick: icon('#iD-walkthrough-mouse-right', 'pre-text operation'), + mousewheel_icon: icon('#iD-walkthrough-mousewheel', 'pre-text operation'), tap_icon: icon('#iD-walkthrough-tap', 'pre-text operation'), doubletap_icon: icon('#iD-walkthrough-doubletap', 'pre-text operation'), longpress_icon: icon('#iD-walkthrough-longpress', 'pre-text operation'), diff --git a/svg/iD-sprite/graphics/walkthrough-mousewheel.svg b/svg/iD-sprite/graphics/walkthrough-mousewheel.svg new file mode 100644 index 000000000..38d510b6a --- /dev/null +++ b/svg/iD-sprite/graphics/walkthrough-mousewheel.svg @@ -0,0 +1,5 @@ + + + + +