diff --git a/css/app.css b/css/app.css index 1b108ad9f..8838902a5 100644 --- a/css/app.css +++ b/css/app.css @@ -3,6 +3,7 @@ body { background:#e4e4e4; margin:0; text-rendering: optimizeLegibility; + color:#444; } :focus { outline-color: transparent; @@ -131,3 +132,33 @@ text { polyline { cursor: pointer; } + +.edit-pane { + position:absolute; + display:none; + width:300px; + background:#fff; + box-shadow:1px 1px 3px #111; +} + +.edit-pane h2 { + margin:0; + padding:5px; + background:#eee; +} + +.tabs { + border-bottom:1px solid #ddd; + background:#eee; +} + +.tabs a { + color:#888; + padding:5px; + text-decoration:none; +} + +.tabs a.active { + color:#222; + background:#fff; +} diff --git a/index.html b/index.html index 92eda5e7a..52a0a61b1 100755 --- a/index.html +++ b/index.html @@ -148,6 +148,24 @@ require(["dojo/dom-geometry","dojo/dom-class","dojo/on","dojo/dom","dojo/Evented
Choose a road type
+ +
+

 

+
+ Presets + Tags +
+
+ +
+
+ +
diff --git a/js/iD/controller/edit/EditBaseState.js b/js/iD/controller/edit/EditBaseState.js index 8b565e0dc..3f9b312d6 100644 --- a/js/iD/controller/edit/EditBaseState.js +++ b/js/iD/controller/edit/EditBaseState.js @@ -11,17 +11,22 @@ declare("iD.controller.edit.EditBaseState", [iD.controller.ControllerState], { editortooltip: null, - constructor:function() { + constructor: function() { // summary: Base state for the 'Edit object' states - where an // object is selected and the user is making changes to it. }, - openEditorTooltip:function(x,y,entity) { + openEditorTooltip: function(x, y, entity) { // summary: Open the initial 'Edit tags/Edit shape' tooltip. // x: Number Screen co-ordinate. // y: Number Screen co-ordinate. // entity: iD.Entity The entity to be edited. - var h = iD.Util.friendlyName(entity); + $('.edit-pane h2').text(iD.Util.friendlyName(entity)); + $('.edit-pane').offset({ + left: x, + top: y + }).show(); + /* this.editortooltip = new dijit.TooltipDialog({ content: h + " " + " ", @@ -29,9 +34,10 @@ declare("iD.controller.edit.EditBaseState", [iD.controller.ControllerState], { }); on(registry.byId('editTags'), 'click', lang.hitch(this,this.editTags,entity)); dijit.popup.open({ popup: this.editortooltip, x: x, y: y }); + */ }, - closeEditorTooltip:function() { + closeEditorTooltip: function() { // summary: Close the tooltip. array.forEach(['editTags','editShape'], function(b){ if (!registry.byId(b)) return; diff --git a/potlatch.css b/potlatch.css index 550a784f5..ab241de9b 100755 --- a/potlatch.css +++ b/potlatch.css @@ -145,7 +145,7 @@ node::junction :junction :selectedway, node::junction :junction :hoverway { z-in node !:drawn :poi { z-index: 2; icon-image: circle; icon-width: 6; color: #98D1FD; casing-color: #135485; casing-width: 2; } node :hoverway { z-index: 9; icon-image: square; icon-width: 7; color: blue; layer: 5; } -node::highlight :selected { z-index: 1; icon-image: circle; icon-width: eval('_width+5'); color: #FFF68D; } +node::highlight :selected { z-index: 1; icon-image: circle; icon-width: eval('_width+2'); color: #FFF68D; } /* Descendant selectors provide an easy way to style relations: this example means "any way which is part of a relation whose type=route". */