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: {