tidy up POI DND layout a bit, and make POI name appear as a tool tip rather than...
authorDave Stubbs <osm@randomjunk.co.uk>
Wed, 25 Aug 2010 14:58:41 +0000 (14:58 +0000)
committerDave Stubbs <osm@randomjunk.co.uk>
Wed, 25 Aug 2010 14:58:41 +0000 (14:58 +0000)
net/systemeD/potlatch2/TagViewer.mxml
styles/Application.css

index 7c305e4..872f83c 100644 (file)
@@ -8,16 +8,15 @@
 
 <mx:ViewStack id="sidebar" width="100%" height="100%" creationPolicy="all">
   <mx:VBox id="dndPanel" width="100%" height="100%" horizontalScrollPolicy="off" styleName="dndPanelVbox">
-    <mx:Text id="dndPanelText" text="{dndPrompt}" automationName="{dndPrompt}" />
+    <mx:Text id="dndPanelText" text="{dndPrompt}" styleName="helpInfo" />
        <mx:Repeater id="dndRep" dataProvider="{MapFeatures.getInstance().getCategoriesForType('point')}">
-               <mx:HBox width="100%"><mx:Label text="{dndRep.currentItem.name}"/></mx:HBox>
+               <mx:HBox width="100%"><mx:Label text="{dndRep.currentItem.name}:" styleName="dndPanelCategoryLabel"/></mx:HBox>
 
-                       <mx:TileList dataProvider="{dndRep.currentItem.getFeaturesForType('point')}" width="100%" height="1"
+               <mx:TileList dataProvider="{dndRep.currentItem.getFeaturesForType('point')}" width="100%" height="1"
                                     rowHeight="32" columnWidth="32" updateComplete="resizePOIGrid(event)" styleName="dndPanelTileList">
-                               <mx:itemRenderer>
-                                       <mx:Component>
-                                               <mx:VBox mouseOver="parentDocument.dndPanelText.text = data.name"
-                                                                mouseOut="parentDocument.dndPanelText.text = parentDocument.dndPanelText.automationName">
+                       <mx:itemRenderer>
+                               <mx:Component>
+                                       <mx:VBox toolTip="{data.name}">
                                                <mx:Script><![CDATA[
                                                        import mx.events.DragEvent;
                                                        import mx.managers.DragManager;
       import mx.core.DragSource;
       import flexlib.containers.SuperTabNavigator;
 
-      private static const dndPrompt:String="Drag and drop points of interest";
+      private static const dndPrompt:String="Add new points by dragging them onto the map";
 
       private var editorStackTabNavigator:SuperTabNavigator;
       private var editorStackAccordion:Accordion;
index bad2451..0b892ed 100644 (file)
@@ -22,6 +22,11 @@ ApplicationControlBar {
                color: white;
 }
 
+Label.helpInfo {
+  fontStyle: italic;
+  fontSize: 11pt;
+}
+
 .dndPanelTileList {
   cornerRadius: 4px;
 }
@@ -30,4 +35,9 @@ ApplicationControlBar {
 .dndPanelVbox {
   paddingRight: 3px;
   paddingLeft: 3px;
-}
\ No newline at end of file
+  verticalGap: 0px;
+}
+
+.dndPanelCategoryLabel {
+  paddingTop: 6px;
+}