icon_width is circumference, not radius
authorRichard Fairhurst <richard@systemeD.net>
Sun, 25 Mar 2012 16:42:21 +0000 (17:42 +0100)
committerRichard Fairhurst <richard@systemeD.net>
Sun, 25 Mar 2012 16:42:21 +0000 (17:42 +0100)
net/systemeD/halcyon/NodeUI.as
net/systemeD/potlatch2/dialogs/BackgroundDialog.mxml
resources/stylesheets/core_interactive.css
resources/stylesheets/core_pois.css
resources/stylesheets/gpx.css
resources/stylesheets/opencyclemap.css
resources/stylesheets/snapshot.css
resources/stylesheets/wireframe.css
resources/test.css

index 9e26cc8..c25ea3d 100644 (file)
@@ -119,7 +119,7 @@ package net.systemeD.halcyon {
                                                } else if (s.icon_image=='circle') {
                                                        // draw circle
                                                        w=styleIcon(icon,subpart);
                                                } else if (s.icon_image=='circle') {
                                                        // draw circle
                                                        w=styleIcon(icon,subpart);
-                                                       icon.graphics.drawCircle(w,w,w);
+                                                       icon.graphics.drawCircle(w/2,w/2,w/2);
                                                        if (s.interactive) { maxwidth=Math.max(w,maxwidth); }
 
                                                } else if (FileBank.getInstance().hasFile(s.icon_image)) {
                                                        if (s.interactive) { maxwidth=Math.max(w,maxwidth); }
 
                                                } else if (FileBank.getInstance().hasFile(s.icon_image)) {
index 71c029d..87522d1 100644 (file)
@@ -49,7 +49,7 @@
        import spark.components.List;
        import net.systemeD.potlatch2.FunctionKeyManager;
 
        import spark.components.List;
        import net.systemeD.potlatch2.FunctionKeyManager;
 
-       public var dataCollection:ArrayCollection;
+       [Bindable] public var dataCollection:ArrayCollection;
        private var menu:List;
        private var collection:Object;
 
        private var menu:List;
        private var collection:Object;
 
index 3fd9ea7..9266db0 100644 (file)
@@ -18,10 +18,10 @@ way :tiger { casing-color: #ff00ff;}
 
 node :dupe { z-index: 9; icon-image: circle; icon-width:8; color: white; opacity: 0.4; casing-opacity: 0.4; casing-color: red; casing-width: 3; }
 node :hoverway { z-index: 9; icon-image: square; icon-width: 7; color: blue; layer: 5; }
 
 node :dupe { z-index: 9; icon-image: circle; icon-width:8; color: white; opacity: 0.4; casing-opacity: 0.4; casing-color: red; casing-width: 3; }
 node :hoverway { z-index: 9; icon-image: square; icon-width: 7; color: blue; layer: 5; }
-node !:drawn :hasTags :poi { z-index: 2; icon-image: circle; icon-width: 4; color: green; casing-color: black; casing-width: 1; }
-node !:drawn :poi { z-index: 2; icon-image: circle; icon-width: 4; color: #BBB; casing-color: #333; casing-width: 1; }
+node !:drawn :hasTags :poi { z-index: 2; icon-image: circle; icon-width: 8; color: green; casing-color: black; casing-width: 1; }
+node !:drawn :poi { z-index: 2; icon-image: circle; icon-width: 8; color: #BBB; casing-color: #333; casing-width: 1; }
 node !:drawn :hasTags :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: black; layer: 5; }
 node !:drawn :hasTags :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: black; layer: 5; }
-node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 4; color: black; }
+node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 8; color: black; }
 node !:drawn :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: red; casing-color: #cc0000; casing-width: 1; layer: 5; }
 node::selectedNode :selected { z-index: 1; icon-image: square; icon-width: eval('_width+10'); color: yellow; interactive: no; layer: 5; }
 node::selectedNode :selected :background { color: cyan; }
 node !:drawn :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: red; casing-color: #cc0000; casing-width: 1; layer: 5; }
 node::selectedNode :selected { z-index: 1; icon-image: square; icon-width: eval('_width+10'); color: yellow; interactive: no; layer: 5; }
 node::selectedNode :selected :background { color: cyan; }
index 62d8040..3cd4d7f 100644 (file)
@@ -83,6 +83,6 @@ node[leisure=marina] { icon-image: icons/transport_marina.n.16.png; z-index: 20;
 
 /* Addressing */
 
 
 /* Addressing */
 
-node[addr:housenumber],
-node[addr:housename] { icon-image: circle; icon-width: 4; color: #B0E0E6; casing-color:blue; casing-width: 1; }
+node[addr:housenumber] !:drawn,
+node[addr:housename] !:drawn { icon-image: circle; icon-width: 8; color: #B0E0E6; casing-color:blue; casing-width: 1; z-index: 20; }
 way[addr:interpolation] { color: #B0E0E6; width: 3; dashes: 3,3;}
 way[addr:interpolation] { color: #B0E0E6; width: 3; dashes: 3,3;}
index fe08e31..8060489 100644 (file)
@@ -6,7 +6,7 @@
 
 way { z-index: 2; width: 1; color: cyan; } 
 node :poi { z-index: 2; 
 
 way { z-index: 2; width: 1; color: cyan; } 
 node :poi { z-index: 2; 
-                       icon-image: circle; icon-width: 4; color: orange; 
+                       icon-image: circle; icon-width: 8; color: orange; 
                        casing-color: red; casing-width: 1; 
                        text-offset: 10; font-family: DejaVu; text: name; font-size: 9; text_color: red; }
 
                        casing-color: red; casing-width: 1; 
                        text-offset: 10; font-family: DejaVu; text: name; font-size: 9; text_color: red; }
 
index 1270ba2..4274f66 100644 (file)
@@ -72,7 +72,7 @@ way[public_transport=pay_scale_area] :area  { color: gray;    width: 1; fill-col
 /* Addressing. Nodes with addresses *and* match POIs should have a poi icon, so we put addressing first */ 
 
 node[addr:housenumber],
 /* Addressing. Nodes with addresses *and* match POIs should have a poi icon, so we put addressing first */ 
 
 node[addr:housenumber],
-node[addr:housename] { icon-image: circle; icon-width: 4; color: #B0E0E6; casing-color:blue; casing-width: 1; }
+node[addr:housename] { icon-image: circle; icon-width: 8; color: #B0E0E6; casing-color:blue; casing-width: 1; }
 way[addr:interpolation] { color: #B0E0E6; width: 3; dashes: 3,3;}
 
 /* POIs, too, can have bitmap icons - they can even be transparent */
 way[addr:interpolation] { color: #B0E0E6; width: 3; dashes: 3,3;}
 
 /* POIs, too, can have bitmap icons - they can even be transparent */
index 5450546..891ead6 100644 (file)
@@ -8,18 +8,18 @@ way :hover    { z-index: 2; width: 14; color: yellow; linecap: round; }
 way :selected { z-index: 2; width: 14; color: yellow; linecap: round; }
 way !:drawn { z-index: 1; width: 14; color: #444444; linecap: round; }
 
 way :selected { z-index: 2; width: 14; color: yellow; linecap: round; }
 way !:drawn { z-index: 1; width: 14; color: #444444; linecap: round; }
 
-node :selectedway { z-index: 8; icon-image: circle; icon-width: 8; color: green; }
-node :hoverway { z-index: 9; icon-image: circle; icon-width: 8; color: blue; }
-node :selected { z-index: 9; icon-image: circle; icon-width: 8; color: red; casing-color: black; casing-width: 1; }
-node !:drawn :poi { z-index: 6; icon-image: circle; icon-width: 8; color: green; casing-color: black; casing-width: 1; }
-node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 8; color: black; }
-node :hasTags :selectedway { z-index: 9; icon-image: circle; icon-width: 8; color: black; }
+node :selectedway { z-index: 8; icon-image: circle; icon-width: 16; color: green; }
+node :hoverway { z-index: 9; icon-image: circle; icon-width: 16; color: blue; }
+node :selected { z-index: 9; icon-image: circle; icon-width: 16; color: red; casing-color: black; casing-width: 1; }
+node !:drawn :poi { z-index: 6; icon-image: circle; icon-width: 16; color: green; casing-color: black; casing-width: 1; }
+node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 16; color: black; }
+node :hasTags :selectedway { z-index: 9; icon-image: circle; icon-width: 16; color: black; }
 
 way[_status=incomplete]::statushighlight { z-index: 0; width: 20; color: #d95f02; linecap: round; }
 way[_status=complete]::statushighlight { z-index: 0; width: 18; color: #1b9e77; opacity: 0.4; linecap: round; }
 way[_status=complete] { opacity: 0.7; }
 
 way[_status=incomplete]::statushighlight { z-index: 0; width: 20; color: #d95f02; linecap: round; }
 way[_status=complete]::statushighlight { z-index: 0; width: 18; color: #1b9e77; opacity: 0.4; linecap: round; }
 way[_status=complete] { opacity: 0.7; }
-node[_status=incomplete]::statushighlight :hasTags { z-index: 5; icon-image: circle; icon-width: 12; color: #d95f02; }
-node[_status=complete]::statushighlight :hasTags { z-index: 5; icon-image: circle; icon-width: 10; color: #1b9e77; opacity: 0.4; }
+node[_status=incomplete]::statushighlight :hasTags { z-index: 5; icon-image: circle; icon-width: 24; color: #d95f02; }
+node[_status=complete]::statushighlight :hasTags { z-index: 5; icon-image: circle; icon-width: 20; color: #1b9e77; opacity: 0.4; }
 node[_status=complete] { opacity: 0.7; }
 
 
 node[_status=complete] { opacity: 0.7; }
 
 
index 9fbb829..e3e408c 100644 (file)
@@ -12,6 +12,6 @@ node :selectedway { z-index: 8; icon-image: square; icon-width: 6; color: green;
 node :hoverway { z-index: 9; icon-image: square; icon-width: 6; color: blue; }
 node :selected { z-index: 9; icon-image: square; icon-width: 6; color: red; casing-color: black; casing-width: 1; }
 node !:drawn :poi { z-index: 2; icon-image: square; icon-width: 4; color: green; casing-color: black; casing-width: 1; }
 node :hoverway { z-index: 9; icon-image: square; icon-width: 6; color: blue; }
 node :selected { z-index: 9; icon-image: square; icon-width: 6; color: red; casing-color: black; casing-width: 1; }
 node !:drawn :poi { z-index: 2; icon-image: square; icon-width: 4; color: green; casing-color: black; casing-width: 1; }
-node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 3; color: black; }
+node !:drawn :hasTags { z-index: 9; icon-image: circle; icon-width: 6; color: black; }
 node :hasTags :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: black; layer: 5; }
 
 node :hasTags :selectedway { z-index: 9; icon-image: square; icon-width: 8; color: black; layer: 5; }
 
index 2290e74..f862464 100644 (file)
@@ -62,7 +62,7 @@ way !:drawn { z-index: 5; width: 0.5; color: gray; }
 node :hover                    { z-index: 2;  icon-image: square; icon-width: 10; color: gray; }
 node :selected         { z-index: 2;  icon-image: square; icon-width: 10; color: yellow; }
 node :selectedway      { z-index: 9;  icon-image: square; icon-width: 7;  color: red; }
 node :hover                    { z-index: 2;  icon-image: square; icon-width: 10; color: gray; }
 node :selected         { z-index: 2;  icon-image: square; icon-width: 10; color: yellow; }
 node :selectedway      { z-index: 9;  icon-image: square; icon-width: 7;  color: red; }
-node !:drawn :poi      { z-index: 5;  icon-image: circle; icon-width: 4; color: green; casing-color: black; }
+node !:drawn :poi      { z-index: 5;  icon-image: circle; icon-width: 8; color: green; casing-color: black; }
 
 /* Descendant selectors provide an easy way to style relations: this example means "any way
    which is part of a relation whose type=route". */
 
 /* Descendant selectors provide an easy way to style relations: this example means "any way
    which is part of a relation whose type=route". */