diff --git a/css/app.css b/css/app.css index 81f5e211f..dea10c3c0 100644 --- a/css/app.css +++ b/css/app.css @@ -290,7 +290,6 @@ form.hide { .content { border-radius: 4px; box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.7); - overflow: hidden; } .pad1 {padding: 10px;} @@ -500,6 +499,7 @@ button[disabled] .label { .icon.nearby { background-position: -340px 0px;} .icon.geolocate { background-position: -360px 0px;} .icon.warning { background-position: -380px 0px;} +.icon.back { background-position: -420px 0px;} .icon.search { background-position: -280px 0px;} @@ -575,7 +575,6 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;} max-width: 500px; position: relative; border-radius: 0 0 0 4px; - overflow: hidden; } .inspector-body { @@ -589,14 +588,21 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;} position: relative; } -.inspector-inner.message { +.inspector-wrap .message button.preset-reset { + height: 100%; + border-radius: 0; + border-right: 1px solid #CCC; + width: 12.5%; +} + +.inspector-wrap .message { height: 60px; - padding: 10px; border-bottom: 1px solid #ccc; } -.inspector-inner.message h3 { - line-height: 40px; +.inspector-wrap .message h3 { + display: block; + line-height: 20px; } .inspector-toggle { @@ -1065,6 +1071,7 @@ div.combobox { } .grid-entry .label { + font-weight: bold; text-align: center; display: block; position: absolute; @@ -1825,7 +1832,7 @@ a.success-action { .tooltip.left .tooltip-arrow { top: 50%; - right: 5px; + right: -5px; margin-top: -5px; border-left-color: white; border-width: 5px 0 5px 5px; diff --git a/img/source/sprite.svg b/img/source/sprite.svg index 280b55590..fe9b9a27f 100644 --- a/img/source/sprite.svg +++ b/img/source/sprite.svg @@ -9,7 +9,7 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="420" + width="440" height="200" id="svg12393" version="1.1" @@ -39,8 +39,8 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" - inkscape:cx="307.92385" - inkscape:cy="182.74459" + inkscape:cx="318.18348" + inkscape:cy="175.47623" inkscape:document-units="px" inkscape:current-layer="layer12" showgrid="false" @@ -53,7 +53,7 @@ fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" - showguides="false" + showguides="true" inkscape:guide-bbox="true" inkscape:snap-bbox="true" inkscape:snap-nodes="true"> @@ -98,7 +98,7 @@ id="guide12590" /> + @@ -185,7 +189,7 @@ image/svg+xml - + @@ -198,16 +202,16 @@ + width="440" + height="200" + x="25" + y="62.362183" /> @@ -744,10 +748,10 @@ inkscape:connector-curvature="0" /> @@ -931,10 +935,10 @@ inkscape:export-ydpi="90" inkscape:export-xdpi="90" inkscape:export-filename="/Users/saman/trashmoon/img/sprite.png" - sodipodi:nodetypes="cccccccccc" + sodipodi:nodetypes="cccccccccccc" inkscape:connector-curvature="0" id="path33331" - d="m 169.00002,29.999999 5.99998,-7 6.00002,7.00002 -4,-1e-5 -1e-5,6 -1.00001,0.99999 -2,0 -1,-0.99998 1e-5,-6.00002 z" + d="m 169.00002,28.999999 5.99998,-6 6.00002,6.00002 -1.00002,0.999978 -2.99998,1.2e-5 -1e-5,6 -1.00001,0.99999 -2,0 -1,-0.99998 1e-5,-6.00002 -3.00001,-2e-6 z" style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + style="color:#000000;fill:#7092ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79999375;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + id="path6677" + inkscape:connector-curvature="0" /> + id="path6671" + inkscape:connector-curvature="0" /> + 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:0.50000125;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" /> @@ -1138,7 +1144,7 @@ inkscape:connector-curvature="0" id="path9854" d="m 189,908.375 -4,4 4,4 1,-1 0,-2 2.1875,0 c -0.11352,-0.31647 -0.1875,-0.64447 -0.1875,-1 0,-0.34518 0.0802,-0.69136 0.1875,-1 l -2.1875,0 0,-2 -1,-1 z m 12,0 -1,1 0,2 -2.1875,0 c 0.10728,0.30864 0.1875,0.65482 0.1875,1 0,0.35553 -0.074,0.68353 -0.1875,1 l 2.1875,0 0,2 1,1 4,-4 -4,-4 z" - style="opacity:1;color:#000000;fill:#7092ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + style="color:#000000;fill:#7092ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> @@ -1246,10 +1252,11 @@ inkscape:connector-curvature="0" /> + id="path6502" + inkscape:connector-curvature="0" /> + style="color:#000000;fill:#7092ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79999375;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter8013-4);enable-background:accumulate" /> + diff --git a/img/sprite.png b/img/sprite.png index 85205ccd0..300c5dfe6 100644 Binary files a/img/sprite.png and b/img/sprite.png differ diff --git a/js/id/ui/tag_editor.js b/js/id/ui/tag_editor.js index 3e7f5482b..48db95117 100644 --- a/js/id/ui/tag_editor.js +++ b/js/id/ui/tag_editor.js @@ -32,10 +32,21 @@ iD.ui.TagEditor = function(context) { selection.html(''); var messagewrap = selection.append('div') - .attr('class', 'message inspector-inner fillL'); + .attr('class', 'message fillL'); - var message = messagewrap.append('h3') - .text(t('inspector.choose')); + messagewrap.append('button') + .attr('class', 'tooltip-bottom preset-reset fl') + .call(bootstrap.tooltip() + .title(t('inspector.back_tooltip')) + .placement('left')) + .on('click', function() { + event.choose(); + }) + .append('span').attr('class','icon back'); + + messagewrap.append('h3') + .attr('class', 'inspector-inner fl') + .text(t('inspector.editing')); var editorwrap = selection.append('div') .attr('class', 'tag-wrap inspector-body fillL2 inspector-body-' + entity.geometry(context.graph())); @@ -45,11 +56,8 @@ iD.ui.TagEditor = function(context) { var typewrap = headerwrap.append('div') .attr('class','col3 type'); - var typebutton = typewrap.append('button') - .attr('class','col12 grid-entry') - .on('click', function() { - event.choose(); - }); + var typebutton = typewrap.append('div') + .attr('class','col12 grid-entry fillL'); typebutton.append('div') .attr('class', 'icon icon-pre-text' + (preset ? ' preset-' + preset.icon : '')); @@ -91,8 +99,6 @@ iD.ui.TagEditor = function(context) { .preset(preset)); } - message.text(t('inspector.editing', { type: preset.name })); - editorwrap.append('div') .attr('class','inspector-inner col12 fillL2').call(tagList, preset.name === 'other'); diff --git a/locale/en.js b/locale/en.js index 3143a13db..a41fecf3a 100644 --- a/locale/en.js +++ b/locale/en.js @@ -186,7 +186,8 @@ locale.en = { additional: "Additional tags", choose: "Select feature type", results: "{n} results for {search}", - reference: "View on OpenStreetMap Wiki →" + reference: "View on OpenStreetMap Wiki →", + back_tooltip: "Change feature type" }, background: {