Adding a new CommonResources class that provides access to commonly used styles in GWT. For now, the only style defined is a cross browser implementation of inline block, but we can expand to include more common styles later.

Review at http://gwt-code-reviews.appspot.com/1106801

Review by: sbrubaker@google.com

git-svn-id: https://google-web-toolkit.googlecode.com/svn/trunk@9228 8db76d5a-ed1c-0410-87a9-c151d255dfc7

user/src/com/google/gwt/resources/client/CommonResources.java

diff --git a/user/src/com/google/gwt/resources/client/CommonResources.java b/user/src/com/google/gwt/resources/client/CommonResources.java
new file mode 100644
index 0000000..6987bea
--- /dev/null
+++ b/user/src/com/google/gwt/resources/client/CommonResources.java
@@ -0,0 +1,71 @@
+/*
+ * Copyright 2010 Google Inc.
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ * 
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.google.gwt.resources.client;
+
+import com.google.gwt.core.client.GWT;
+
+/**
+ * Generally useful styles and resources used throughout GWT widgets and cells.
+ */
+public class CommonResources {
+
+  /**
+   * The {@link ClientBundle} of resources.
+   */
+  static interface Bundle extends ClientBundle {
+
+    @Source("inline-block.css")
+    InlineBlockStyle inlineBlockStyle();
+  }
+
+  /**
+   * Cross-browser implementation of the "display: inline-block" CSS property.
+   */
+  static interface InlineBlockStyle extends CssResource {
+
+    /**
+     * The inline block style.
+     */
+    String inlineBlock();
+  }
+
+  /**
+   * Lazily loaded singleton.
+   */
+  private static Bundle instance;
+
+  /**
+   * Ensure that the shared {@link Bundle} is created and return it.
+   * 
+   * @return the {@link Bundle} of resources
+   */
+  private static Bundle ensureResources() {
+    if (instance == null) {
+      instance = GWT.create(Bundle.class);
+    }
+    return instance;
+  }
+
+  /**
+   * Get the style class name that simulates a "display: inline-block" effect
+   * across browsers.
+   */
+  public static String getInlineBlockStyle() {
+    InlineBlockStyle style = ensureResources().inlineBlockStyle();
+    style.ensureInjected();
+    return style.inlineBlock();
+  }
+}

user/src/com/google/gwt/resources/client/inline-block.css

diff --git a/user/src/com/google/gwt/resources/client/inline-block.css b/user/src/com/google/gwt/resources/client/inline-block.css
new file mode 100644
index 0000000..2aa4767
--- /dev/null
+++ b/user/src/com/google/gwt/resources/client/inline-block.css
@@ -0,0 +1,59 @@
+/*
+ * Copyright 2010 Google Inc.
+ * 
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ * 
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+
+/*
+ * Cross-browser implementation of the "display: inline-block" CSS property.
+ * See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details.
+ * Tested on IE 6 & 7, FF 2.0 & 3.0, Safari 2 & 3, Webkit, Chrome and Opera 9.
+ *
+ * Original author: attila@google.com (Attila Bodis)
+ */
+
+/*
+ * Firefox hack is needed for versions < FF3.  But since the user.agent property
+ * does not allow us to specify directly for (versions < FF3), we will need to
+ * use the following two rules to workaround.
+ */
+/* Firefox versions >= FF 1.5 */
+@if user.agent gecko1_8 {
+  .inlineBlock {
+    /*
+     * Note on funny syntax: what we really need is this: "display: -moz-inline-box;"
+     * but "\\" is needed to make GWT's CssResource escape the "-" character properly.
+     */
+    display: \\-moz-inline-box; /* This is ignored by FF3 and later*/
+  }
+}
+
+/* Default rule; only Safari, Webkit, Opera, FF3 handle it without hacks. */
+.inlineBlock {
+  position: relative;
+  display: inline-block;
+}
+
+/*
+ * IE specific rules (for IE version IE6/7)
+ * On IE, "display: inline-block" only gives the element layout, but doesn't
+ * give it inline behavior.  Subsequently setting display to inline does the
+ * trick.
+ */
+@if user.agent ie6 {
+  .inlineBlock {
+    /* workaround to make IE "hasLayout" */
+    zoom: 1;
+    display: inline;
+  }
+}