Adds curved borders to the right (and left, in rtl mode) sides of the content area.
Moves the nav-tree size into CSS and changes to 'em' measurements.
Patch by: jgw
Review by: bruce (desk check)
git-svn-id: https://google-web-toolkit.googlecode.com/svn/trunk@2390 8db76d5a-ed1c-0410-87a9-c151d255dfc7
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/Application.java b/samples/showcase/src/com/google/gwt/sample/showcase/client/Application.java
index 2d77d25..c5b31ff 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/Application.java
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/Application.java
@@ -306,7 +306,6 @@
// Setup the main menu
ApplicationImages treeImages = GWT.create(ApplicationImages.class);
mainMenu = new Tree(treeImages);
- mainMenu.setWidth("180px");
mainMenu.addStyleName(DEFAULT_STYLE_NAME + "-menu");
mainMenu.addTreeListener(new TreeListener() {
public void onTreeItemSelected(TreeItem item) {
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
index 077dca5..ee4a580 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
@@ -54,17 +54,17 @@
background: #222222;
}
.Application-menu {
+ width: 18em;
text-align: left;
}
/**
* Applied to widgets in the content area.
*/
-.Application-content-decorator .topRightInner,
-.Application-content-decorator .middleRightInner,
-.Application-content-decorator .bottomRightInner {
- display: none;
+.Application-content-decorator {
+ margin-right: 8px;
}
+
.Application-content-decorator .middleCenter .topRightInner,
.Application-content-decorator .middleCenter .middleRightInner,
.Application-content-decorator .middleCenter .bottomRightInner {
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
index 4035b8f..546888c 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
@@ -54,18 +54,17 @@
background: #222222;
}
.Application-menu {
- width: 180px;
+ width: 18em;
text-align: right;
}
/**
* Applied to widgets in the content area.
*/
-.Application-content-decorator .topLeftInner,
-.Application-content-decorator .middleLeftInner,
-.Application-content-decorator .bottomLeftInner {
- display: none;
+.Application-content-decorator {
+ margin-left: 8px;
}
+
.Application-content-decorator .middleCenter .topLeftInner,
.Application-content-decorator .middleCenter .middleLeftInner,
.Application-content-decorator .middleCenter .bottomLeftInner {
