CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-02-13 01:02:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add pinch-to-zoom icon to help and walkthrough

Browse Source
This commit is contained in:
Quincy Morgan
2020-07-13 11:26:42 -04:00
parent f5d280682e
commit 31740f1ebb
4 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
data/core.yaml
View File

@@ -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 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."
navigation_zoom: "You can zoom in or out by scrolling with a {mousewheel_icon} mouse wheel or trackpad, or by {pinch_icon} 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*."
@@ -1935,7 +1935,7 @@ en:
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 {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!**"
zoom_touch: "You can zoom the map by {pinch_icon} 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.*"
nodes_ways: "In OpenStreetMap, points are sometimes called *nodes*, and lines and areas are sometimes called *ways*."

4
dist/locales/en.json vendored
View File

@@ -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 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.",
"navigation_zoom": "You can zoom in or out by scrolling with a {mousewheel_icon} mouse wheel or trackpad, or by {pinch_icon} 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*."
@@ -2410,7 +2410,7 @@
"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 {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!**",
"zoom_touch": "You can zoom the map by {pinch_icon} 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.*",
"nodes_ways": "In OpenStreetMap, points are sometimes called *nodes*, and lines and areas are sometimes called *ways*.",

1
modules/ui/intro/helper.js
View File

@@ -80,6 +80,7 @@ export function helpString(id, replacements) {
doubletap_icon: icon('#iD-walkthrough-doubletap', 'pre-text operation'),
longpress_icon: icon('#iD-walkthrough-longpress', 'pre-text operation'),
touchdrag_icon: icon('#iD-walkthrough-touchdrag', 'pre-text operation'),
pinch_icon: icon('#iD-walkthrough-pinch-apart', 'pre-text operation'),
// insert keys; may be localized and platform-dependent
shift: uiCmd.display('⇧'),

5
svg/iD-sprite/graphics/walkthrough-pinch-apart.svg Normal file
View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M6,12 L6,8 L4,8 L2,6 L6.91268923,-1.59872116e-14 L11.9126892,6 L10,8 L8,8 L8,12 L10,12 L12,14 L6.95634462,20 L2,14 L4,12 L6,12 Z M6.86049281,16.9950458 C7.96232617,17.0720935 8.91799808,16.2413405 8.99504577,15.1395072 C9.07209347,14.0376738 8.24134055,13.0820019 7.13950719,13.0049542 C6.03767383,12.9279065 5.08200192,13.7586595 5.00495423,14.8604928 C4.92790653,15.9623262 5.75865945,16.9179981 6.86049281,16.9950458 Z M6.86049281,6.99504577 C7.96232617,7.07209347 8.91799808,6.24134055 8.99504577,5.13950719 C9.07209347,4.03767383 8.24134055,3.08200192 7.13950719,3.00495423 C6.03767383,2.92790653 5.08200192,3.75865945 5.00495423,4.86049281 C4.92790653,5.96232617 5.75865945,6.91799808 6.86049281,6.99504577 Z" fill="currentColor"/>
<path d="M6,5 C6.00519002,4.49349619 6.41999983,4.08710108 6.92650363,4.0922911 C7.17456075,4.09483288 7.41100871,4.19775003 7.58190584,4.37756372 L11.9751431,9 C11.9917144,8.33333333 12.3333333,8 13,8 C13.6666667,8 14,8.66666667 14,10 C14,9.44771525 14.4477153,9 15,9 C15.5522847,9 16,9.44771525 16,10 L16.0616257,11 C16.0616257,10.4477153 16.5093409,10 17.0616257,10 C17.6139104,10 17.9502861,10.5469022 17.9502861,11.099187 L17.9502861,13.6849734 C17.9502861,15.8941074 16.8309668,18 14.6218328,18 C13.8878155,18.000009 12,18 11,17 C10,16 7.96481899,16 7.42419436,16 C6,16 5,15 7,14 C9,13 11,15 11,13 C11,11 5.98821303,6.15031261 6,5 Z" fill="inherit"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB