more style tweaks to make everything not blue and leave reasonable spaces
authorDave Stubbs <osm@randomjunk.co.uk>
Wed, 25 Aug 2010 16:57:06 +0000 (16:57 +0000)
committerDave Stubbs <osm@randomjunk.co.uk>
Wed, 25 Aug 2010 16:57:06 +0000 (16:57 +0000)
net/systemeD/potlatch2/TagViewer.mxml
net/systemeD/potlatch2/mapfeatures/editors/ChoiceEditor.mxml
net/systemeD/potlatch2/mapfeatures/editors/FreeTextEditor.mxml
styles/Application.css

index 872f83c..9566247 100644 (file)
@@ -8,7 +8,7 @@
 
 <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}" styleName="helpInfo" />
+    <mx:Text id="dndPanelText" text="{dndPrompt}" width="100%" styleName="helpInfo" />
        <mx:Repeater id="dndRep" dataProvider="{MapFeatures.getInstance().getCategoriesForType('point')}">
                <mx:HBox width="100%"><mx:Label text="{dndRep.currentItem.name}:" styleName="dndPanelCategoryLabel"/></mx:HBox>
 
   <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 borderStyle="inset" verticalAlign="middle" width="100%" paddingLeft="3" id="iconContainer">
+        <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:LinkButton label="?" click="openDescription()" id="helpLabel"/>
+            <mx:LinkButton label="?" click="openDescription()" id="helpLabel" styleName="helpInfo"/>
         </mx:HBox>
       </mx:VBox>
       <mx:VBox width="100%" height="100%" label="Advanced" initialize="checkAdvanced()" verticalGap="1">
           var box:VBox = new VBox();
           box.percentWidth = 100;
           box.percentHeight = 100;
+          box.styleName = "editorContainer";
           return box;
       }
 
index 0df86a9..d12334e 100644 (file)
@@ -5,7 +5,7 @@
        verticalGap="0"
        toolTip="{fieldDescription}">
 
-<mx:Box direction="{fieldDirection}">
+<mx:Box direction="{fieldDirection}" styleName="titledEditor">
   <mx:Label text="{fieldName}:"/>
   <edit:ChoiceComboBox id="inputBox" dataProvider="{choices}" selectedItem="{selectFromTag}"
       change="value = inputBox.selectedItem.value"
index e49b2e3..913f19a 100644 (file)
@@ -3,11 +3,10 @@
        xmlns:mx="http://www.adobe.com/2006/mxml" 
        xmlns:edit="net.systemeD.potlatch2.mapfeatures.editors.*"
        xmlns:flexlib="flexlib.controls.*"
-       verticalGap="0"
        width="100%"
        toolTip="{fieldDescription}">
 
-  <mx:Box direction="{fieldDirection}">
+  <mx:Box direction="{fieldDirection}" styleName="titledEditor">
   <mx:Label text="{fieldName}:"/>
   <flexlib:PromptingTextInput id="inputBox" prompt="{prompt}" text="{value}" width="100%" change="value = inputBox.text"/>
   </mx:Box>
index 0b892ed..6785979 100644 (file)
@@ -1,14 +1,26 @@
 
 Application {
-  padding-left: 5;
-  padding-right: 5;
-  padding-top: 5;
-  padding-bottom: 5;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  backgroundColor: #c0c0c0;
+  borderStyle: none;
 }
 
 ApplicationControlBar {
   padding-top: 2;
   padding-bottom: 2;
+  fillAlphas: 1.0,1.0;
+  fillColors: #e0e0e0, #c0c0c0;
+  backgroundColor: #c0c0c0;
+  borderSkin: ClassReference("mx.skins.halo.ApplicationBackground");
+}
+
+TitleWindow {
+  borderAlpha: 0.8;
+  borderThicknessLeft: 5;
+  borderThicknessRight: 5;
 }
 
 .failText {
@@ -22,11 +34,31 @@ ApplicationControlBar {
                color: white;
 }
 
-Label.helpInfo {
+.helpInfo {
   fontStyle: italic;
   fontSize: 11pt;
 }
 
+.featureSelector {
+  paddingTop: 3;
+  paddingLeft: 3;
+  paddingRight: 3;
+}
+
+.editorContainer {
+  verticalGap: 4;
+  paddingTop: 3;
+  paddingLeft: 3;
+  paddingRight: 3;
+}
+
+.titledEditor {
+  verticalGap: 0;
+  verticalAlign: middle;
+  horizontalGap: 3;
+}
+
+
 .dndPanelTileList {
   cornerRadius: 4px;
 }