. More 2.0 UI improvements:

- CSS improvements to pop-up menus
 - Navigator, Sidebar and Shelf rendering/sizing improvements for IE
 - Shelf components up to date with new 2.0 look
 - Shelf width improvement for Firefox
 - All wizards and dialogs now use the new "greyround" image set for Steps and Command Buttons panels
 - Replacement yellow info panel image sets

git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@4876 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261

source/java/org/alfresco/web/ui/repo/component/UINavigator.java

@@ -235,13 +235,12 @@ public class UINavigator extends SelfRenderingComponent
       // generate the javascript method to capture the tree node click events
       if (treePanel)
       {
-         out.write("\n<script type=\"text/javascript\">\n");      
+         out.write("<script type=\"text/javascript\">");      
-         out.write("function treeNodeSelected(nodeRef) {\n");
+         out.write("function treeNodeSelected(nodeRef) {");
          out.write(Utils.generateFormSubmit(context, this, getClientId(context), 
                "nodeRef", true, null));
-         out.write("\n}\n");
+         out.write("}</script>");
-         out.write("</script>\n");
+         
-      
          // generate the active panel containing the tree
          out.write("<div class=\"navigatorPanelBody\">");
          UITree tree = (UITree)context.getApplication().createComponent(

source/java/org/alfresco/web/ui/repo/component/UISidebar.java

@@ -83,7 +83,7 @@ public class UISidebar extends SelfRenderingComponent
       out.write("/images/parts/sidebar_grey_01.gif\" width=5 height=5></td>" + 
                 "<td style=\"background-image: url(");
       out.write(cxPath);
-      out.write("/images/parts/sidebar_top_grey_bg.gif)\" height=24 width=100%>");
+      out.write("/images/parts/sidebar_top_grey_bg.gif)\" height=24>");
       
       // generate the required child components if not present
       if (this.getChildCount() == 1)
@@ -171,7 +171,7 @@ public class UISidebar extends SelfRenderingComponent
                    "<tr><td colspan='3'>");
          
          // render the plugin
-         out.write("<div id=\"pluginBox\" style=\"border: solid 1px #babfc5;\">");
+         out.write("<div id=\"pluginBox\">");
          UIComponent plugin = (UIComponent)getChildren().get(2);
          Utils.encodeRecursive(context, plugin);
          out.write("</div>");

source/java/org/alfresco/web/ui/repo/component/shelf/UIClipboardShelfItem.java

@@ -211,9 +211,9 @@ public class UIClipboardShelfItem extends UIShelfItem
          }
          
          // output general actions if any clipboard items are present
-         out.write("<tr><td colspan=3><nobr>");
+         out.write("<tr><td colspan=4 style='padding-top:3px' align='center'><nobr>");
          out.write(buildActionLink(ACTION_PASTE_ALL, -1, bundle.getString(MSG_PASTE_ALL), null));
-         out.write("&nbsp;");
+         out.write("&nbsp;|&nbsp;");
          out.write(buildActionLink(ACTION_REMOVE_ALL, -1, bundle.getString(MSG_REMOVE_ALL), null));
          out.write("</nobr></td><td></td></tr>");
       }

source/java/org/alfresco/web/ui/repo/component/shelf/UIShelf.java

@@ -170,8 +170,8 @@ public class UIShelf extends SelfRenderingComponent
       
       ResponseWriter out = context.getResponseWriter();
       
-      // TODO: allow config of spacing between ShelfGroup components
+      out.write("<div id=\"shelf\" class=\"shelf\">");
-      out.write("<table border=0 cellspacing=2 cellpadding=0 width=100%>");
+      out.write("<table border=0 cellspacing=4 cellpadding=0 width=100%>");
    }
    
    /**
@@ -294,7 +294,7 @@ public class UIShelf extends SelfRenderingComponent
       
       ResponseWriter out = context.getResponseWriter();
       
-      out.write("</table>");
+      out.write("</table></div>");
    }
 
    /**

source/web/css/main.css

@@ -216,11 +216,11 @@ a.headbarLink
 
 .moreActionsMenu
 {
-   background-color: #eeeeee;
+   background-color: #f5f5f5;
-   border-top: thin solid #FFFFFF;
+   border-top: thin solid #cacfd3;
-   border-left: thin solid #FFFFFF;
+   border-left: thin solid #cacfd3;
-   border-right: thin solid #444444;
+   border-right: thin solid #cacfd3;
-   border-bottom: thin solid #444444;
+   border-bottom: thin solid #cacfd3;
 }
 
 .welcomeHeader
@@ -364,8 +364,7 @@ a.topToolbarLink, a.topToolbarLink:link, a.topToolbarLink:visited
 .topToolbarHighlight
 {
    background-color:#FFFFFF;
-   border:solid #5D6B71;
+   border: 1px solid #5D6B71;
-   border-width:1px;
 }
 
 a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighlight:visited
@@ -377,8 +376,7 @@ a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighl
 .statusListHighlight
 {
    background-color:#FFFFFF;
-   border:solid #71828A;
+   border: 1px solid #babfc5;
-   border-width:1px;
 }
 
 .statusListDisabled
@@ -563,11 +561,6 @@ a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighl
    padding-bottom: 8px;
 }
 
-.navigator
-{
-   width:220px;
-}
-
 .selectListTable
 {
    border: 1px solid #999999;
@@ -598,32 +591,20 @@ a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighl
    border-color: #DDDDDD;
 }
 
-.navigatorPanelTitle
+#shelf
 {
-   background-color: #efefef;
+   min-width: 220px;
-   color: #004488;
+   *width: 100%;
-   padding: 5px;
-   border-top: 1px solid #aaaaaa;
 }
 
-.navigatorPanelTitle a
+#pluginBox
 {
-   font-weight: bold;
+   border: 1px solid #babfc5;
 }
 
-.navigatorPanelTitle a:hover
+.navigator
 {
-   color: #4272b4;
+   min-width: 220px;
-   font-weight: bold;
-}
-
-.navigatorPanelTitleSelected
-{
-   width: 220px;
-   font-weight: bold;
-   background-color: #7b7b7b;
-   color: white;
-   padding: 5px;
 }
 
 .navigatorPanelBody