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')