diff --git a/css/app.css b/css/app.css
index aa14a3bf2..4d5864acf 100644
--- a/css/app.css
+++ b/css/app.css
@@ -215,9 +215,11 @@ ul.toggle-list li a {
text-overflow:ellipsis;
overflow:hidden;
}
-ul.toggle-list li a:focus,
+
ul.toggle-list li a:hover { background-color: #ececec;}
+ul.toggle-list li a.selected { background-color: #e8ebff;}
+
ul.link-list li {
display: inline-block;
float: right;
@@ -1037,6 +1039,7 @@ input[type=number] {
.checkselect label:hover {
cursor: pointer;
+ cursor: url(../img/cursor-pointer.png) 6 1, pointer;
background: #f1f1f1;
}
@@ -1170,6 +1173,7 @@ div.combobox {
padding: 5px;
width: 100%;
cursor: pointer;
+ cursor: url(../img/cursor-pointer.png) 6 1, pointer;
display: block;
text-align: center;
}
@@ -1462,6 +1466,7 @@ img.wiki-image {
display: block;
float: left;
cursor: pointer;
+ cursor: url(../img/cursor-pointer.png) 6 1, pointer;
}
.opacity-options li .select-box{
@@ -1728,6 +1733,7 @@ div.typeahead a {
height: 30px;
line-height: 30px;
cursor: pointer;
+ cursor: url(../img/cursor-pointer.png) 6 1, pointer;
display: block;
border-top:1px solid #ccc;
background-color: #fff;
@@ -1968,6 +1974,8 @@ div.typeahead a:first-child {
position: absolute;
display: none;
color:#333;
+ text-align: left;
+ font-size: 12px;
}
.tooltip.in {
@@ -1978,29 +1986,26 @@ div.typeahead a:first-child {
}
.tooltip.top {
- margin-top: -10px;
+ margin-top: -20px;
text-align: center;
}
.tooltip.right {
- margin-left: 10px;
- text-align: left;
+ margin-left: 20px;
}
.tooltip.bottom {
- margin-top: 10px;
+ margin-top: 20px;
text-align: center;
}
.tooltip.left {
- margin-left: -10px;
- text-align: right;
+ margin-left: -20px;
}
.tooltip-inner {
display: inline-block;
padding: 10px;
- font-size: 12px;
font-weight: normal;
background-color: white;
}
@@ -2095,6 +2100,7 @@ div.typeahead a:first-child {
.add-point .tooltip {
left: -20px !important; }
+
.add-point .tooltip .tooltip-arrow {
left: 60px;
}
@@ -2204,6 +2210,7 @@ div.typeahead a:first-child {
/* Scrollbars
----------------------------------------------------- */
+
::-webkit-scrollbar {
height: 20px;
overflow: visible;
@@ -2254,7 +2261,8 @@ div.typeahead a:first-child {
background: transparent
}
-/* Intro */
+/* Intro walkthrough
+ ----------------------------------------------------- */
.curtain-darkness {
fill-opacity: 0.7;
@@ -2277,28 +2285,37 @@ div.typeahead a:first-child {
background: #76FF70;
}
-.intro-nav-wrap button.step.finished h3 {
- color: #269C21;
+.curtain-tooltip .tooltip-inner {
+ text-align: left;
+ padding: 20px;
}
-.intro-nav-wrap button.step h3 {
- font-weight: normal;
-}
.curtain-tooltip.left .tooltip-arrow,
.curtain-tooltip.right .tooltip-arrow {
- top: 0;
+ top: -5px;
}
.curtain-tooltip.right .tooltip-inner,
.curtain-tooltip.left .tooltip-inner {
- margin-top: -50%;
+ margin-top: -30%;
}
+
.curtain-tooltip .tooltip-inner {
- font-size: 14px;
- font-weight: normal;
+ font-size: 15px;
}
+
.curtain-tooltip .tooltip-inner .bold {
font-weight: bold;
display: block;
+ border-top: 1px solid #CCC;
+ margin-top: 10px;
+ margin-left: -20px;
+ margin-right: -20px;
+ padding: 10px 20px 0 20px;
}
+.curtain-tooltip .tooltip-inner .bold:only-child {
+ border: 0;
+ padding: 0;
+ margin: 0;
+}
diff --git a/css/map.css b/css/map.css
index e8032f733..f300a5b28 100644
--- a/css/map.css
+++ b/css/map.css
@@ -861,7 +861,7 @@ text.point {
#map .line:active,
#map .area:active,
#map .midpoint:active,
-.mode-select .selected {
+#map .mode-select .selected {
cursor: url(../img/cursor-select-acting.png), pointer;
}
diff --git a/data/intro.yaml b/data/intro.yaml
index eabcbbea2..2fe30ff28 100644
--- a/data/intro.yaml
+++ b/data/intro.yaml
@@ -1,6 +1,6 @@
en:
intro:
- navigation:
+ navigation:
drag: "The main map area shows OpenStreetMap data on top of background imagery. You can navigate by dragging and scrolling, just like any web map. **Drag the map!**"
select: "Map features can be represented three ways: using points, lines or areas. All features can be selected by clicking on them. **Click on the point to select it.**"
header: "The header shows us the feature type."
@@ -11,9 +11,9 @@ en:
place: "The point can be placed by clicking on the map. **Place the point on top of the building.**"
search: "There many different features that can be represented by points. The point you just added is a Cafe. **Search for 'Cafe' **"
choose: "**Choose Cafe from the grid.**"
- describe: "The point is now marked as a cafe. Using the feature editor, we can add more information about the feature. **Add a name and address**"
+ describe: "The point is now marked as a cafe. Using the feature editor, we can add more information about the feature. **Add a name**"
close: "The feature editor can be closed by clicking on the close button, or anywhere on the map. **Close the feature editor**"
- reselect: "Often points will already exist, but have mistakes or be incomplete. We can edit existing points. **Select the point you just created.**"
+ reselect: "Often points will already exist, but have mistakes or be incomplete. We can edit existing points. **Select the point you just created.**"
fixname: "**Change the name and close the feature editor.**"
reselect_delete: "All features on the map can be deleted. **Reselect the point you created.**"
delete: "The menu around the point contains operations that can be performed on it, including delete. **Delete the point.**"
diff --git a/img/source/sprite.svg b/img/source/sprite.svg
index f7ebf53c3..674f560c8 100644
--- a/img/source/sprite.svg
+++ b/img/source/sprite.svg
@@ -13,7 +13,7 @@
height="320"
id="svg12393"
version="1.1"
- inkscape:version="0.48.1 r9760"
+ inkscape:version="0.48.2 r9819"
sodipodi:docname="sprite.svg"
inkscape:export-filename="/Users/saman/work_repos/iD/img/sprite.png"
inkscape:export-xdpi="90"
@@ -39,11 +39,11 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
- inkscape:cx="219.96873"
- inkscape:cy="105.14154"
+ inkscape:cx="30.966568"
+ inkscape:cy="129.65104"
inkscape:document-units="px"
inkscape:current-layer="layer12"
- showgrid="true"
+ showgrid="false"
inkscape:window-width="1483"
inkscape:window-height="804"
inkscape:window-x="131"
@@ -417,19 +417,7 @@
height="15.000003"
width="15.000003"
id="rect7407"
- style="color:#000000;fill:#f7f7f7;fill-opacity:1;stroke:#b0b0b0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-
+ style="color:#000000;fill:#e2e9ff;fill-opacity:1;stroke:#e2e9ff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+ style="color:#000000;fill:#e2e9ff;fill-opacity:1;fill-rule:nonzero;stroke:#e2e9ff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-
+ style="color:#000000;fill:#bbcaff;fill-opacity:1;stroke:none;stroke-width:0.99999987999999995;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
-
-
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#7092ff;fill-opacity:1;stroke:none;stroke-width:11.66666508;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
+ d="M 450 235 C 430.72926 235 415 250.72926 415 270 C 415 289.27074 430.72926 305 450 305 C 469.27075 305 485 289.27074 485 270 C 485 258.33433 479.23332 247.9627 470.40625 241.59375 L 463.21875 248.78125 C 470.3012 253.17882 475 260.99881 475 270 C 475 283.86634 463.86635 295 450 295 C 436.13366 295 425 283.86634 425 270 C 425 256.13366 436.13366 245 450 245 C 451.71227 245 453.38712 245.17652 455 245.5 L 455 235.375 C 453.36389 235.13858 451.69943 235 450 235 z "
+ transform="translate(25,-3.0624999e-6)"
+ id="path4227" />
ideditor.com',
github: 'github.com'
}));
-
+
var buttons = introModal.append('div').attr('class', 'modal-actions cf');
buttons.append('button')
diff --git a/js/lib/d3.curtain.js b/js/lib/d3.curtain.js
index 99e8aa1f5..2caecee6d 100644
--- a/js/lib/d3.curtain.js
+++ b/js/lib/d3.curtain.js
@@ -100,10 +100,9 @@ d3.curtain = function() {
// pseudo markdown bold text hack
var parts = text.split('**');
- var html = parts[0];
+ var html = '' + parts[0] + '';
if (parts[1]) html += '' + parts[1] + '';
-
tooltip
.style('top', pos[1] + 'px')
.style('left', pos[0] + 'px')