Add styleName hooks for styling. Improve arrangement at the top of the Simple panel...
authorAndy Allan <gravitystorm@gmail.com>
Thu, 2 Dec 2010 17:32:25 +0000 (17:32 +0000)
committerAndy Allan <gravitystorm@gmail.com>
Thu, 2 Dec 2010 17:32:25 +0000 (17:32 +0000)
net/systemeD/potlatch2/CategorySelector.mxml
net/systemeD/potlatch2/TagViewer.mxml
styles/Application.css

index e71da79..15e05ea 100644 (file)
@@ -5,14 +5,14 @@
        backgroundColor="white" borderStyle="inset">
 
   <mx:HBox horizontalGap="0"> 
-  <mx:ToggleButtonBar height="100%" dataProvider="{categoryStack}" direction="vertical"/>
+  <mx:ToggleButtonBar height="100%" dataProvider="{categoryStack}" direction="vertical" styleName="catToggleButtonBar"/>
   <mx:ViewStack id="categoryStack" width="100%" height="100%"
       change="_formerIndex=event.newIndex;" 
       creationComplete="setSelectedFeature(_selectedType);">
       <mx:Repeater id="catRep" dataProvider="{MapFeatures.getInstance().getCategoriesForType(limit)}">
           <mx:VBox label="{catRep.currentItem.name}">
           <mx:TileList dataProvider="{catRep.currentItem.getFeaturesForType(limit)}"
-                       width="100%" height="100%" change="itemSelected(event);"
+                       width="100%" height="100%" change="itemSelected(event);" styleName="catToggleTiles"
                        creationComplete="ensureSelection();">
               <mx:itemRenderer>
                   <mx:Component>
index 4a7db5d..3517a78 100644 (file)
   
   <mx:VBox id="tagsPanel" width="100%" height="100%" creationPolicy="auto">
     <mx:ViewStack id="stack" width="100%" height="100%">
-      <mx:VBox width="100%" height="100%" label="Simple" id="editorContainer" creationComplete="initEditorStackUIs()">
-        <mx:HBox width="100%" id="iconContainer" styleName="featureSelector">
+      <mx:VBox width="100%" height="100%" label="Simple" id="editorContainer" creationComplete="initEditorStackUIs()" styleName="dndPanelVbox">
+        <mx:VBox width="100%" verticalGap="1" styleName="dndTagHeader">
+          <mx:HBox width="100%" id="iconContainer" styleName="featureSelector">
             <mx:Image id="iconImage"/>
-            <mx:VBox width="100%" verticalGap="1">
-              <mx:PopUpButton id="popupChange" creationComplete="initFeatureBox()" openAlways="true" width="100%"/>
-              <mx:Text condenseWhite="true" width="100%" id="iconText"/>
-            </mx:VBox>
+            <mx:Text condenseWhite="true" width="100%" id="iconText" styleName="dndIconText"/>
             <mx:LinkButton label="?" click="openDescription()" id="helpLabel" styleName="helpInfo"/>
-        </mx:HBox>
+          </mx:HBox>
+          <mx:PopUpButton id="popupChange" creationComplete="initFeatureBox()" openAlways="true" width="100%" styleName="dndTagPopUpMenu"/>
+        </mx:VBox>
       </mx:VBox>
       <mx:VBox width="100%" height="100%" label="Advanced" id="advancedContainer" initialize="checkAdvanced()" verticalGap="1">
         <mx:Label id="advancedID" click="openEntityPage()">
                        iconText.htmlText = "<b>Not recognised</b><br/>Try looking at the tags under the advanced properties";
             tw.setSelectedFeature(null);
                  } else {
-                       iconText.htmlText = "<b>No tags set</b><br/>Use the menu above to say what this "+entity.getType()+" is";
+                       iconText.htmlText = "<b>No tags set</b><br/>Please use the menu below to define what this "+entity.getType()+" is";
             tw.setSelectedFeature(null);
           }
           helpLabel.visible = false;
           var box:VBox = new VBox();
           box.percentWidth = 100;
           box.percentHeight = 100;
-          box.styleName = "editorContainer";
+          box.styleName = "dndEditorContainer";
           return box;
       }
 
                editorStackTabNavigator.creationPolicy="auto";
                editorStackTabNavigator.percentWidth=100;
                editorStackTabNavigator.percentHeight=100;
+               editorStackTabNavigator.styleName="dndStackTab";
+               editorStackTabNavigator.popUpButtonPolicy="off"
+
 
                editorStackAccordion = new Accordion();
                editorStackAccordion.percentWidth=100;
                editorStackAccordion.percentHeight=100;
                editorStackAccordion.creationPolicy="auto";
+               editorStackAccordion.styleName="dndStackAccordion";
 
                setEditorStackUI(true);
        }
index 730c651..c4f3fea 100644 (file)
@@ -70,7 +70,7 @@ TitleWindow {
   paddingRight: 3;
 }
 
-.editorContainer {
+.dndEditorContainer {
   verticalGap: 4;
   paddingTop: 3;
   paddingLeft: 3;
@@ -98,3 +98,7 @@ TitleWindow {
 .dndPanelCategoryLabel {
   paddingTop: 6px;
 }
+
+.dndTagHeader {
+  paddingBottom: 15;
+}