Updated styles used in the Mail sample to take advantage of the new DOM structures. This patch is TBR.
Patch by: jlabanca
git-svn-id: https://google-web-toolkit.googlecode.com/svn/trunk@2411 8db76d5a-ed1c-0410-87a9-c151d255dfc7
diff --git a/samples/mail/src/com/google/gwt/sample/mail/client/Mailboxes.java b/samples/mail/src/com/google/gwt/sample/mail/client/Mailboxes.java
index f199a12..4235285 100644
--- a/samples/mail/src/com/google/gwt/sample/mail/client/Mailboxes.java
+++ b/samples/mail/src/com/google/gwt/sample/mail/client/Mailboxes.java
@@ -43,6 +43,9 @@
AbstractImagePrototype templates();
AbstractImagePrototype trash();
+
+ @Resource("noimage.png")
+ AbstractImagePrototype treeLeaf();
}
private Tree tree;
diff --git a/samples/mail/src/com/google/gwt/sample/mail/client/Shortcuts.java b/samples/mail/src/com/google/gwt/sample/mail/client/Shortcuts.java
index 8fe6a20..5d87045 100644
--- a/samples/mail/src/com/google/gwt/sample/mail/client/Shortcuts.java
+++ b/samples/mail/src/com/google/gwt/sample/mail/client/Shortcuts.java
@@ -56,6 +56,7 @@
add(images, new Contacts(images), images.contactsgroup(), "Contacts");
initWidget(stackPanel);
+ stackPanel.setAnimationEnabled(false);
}
@Override
diff --git a/samples/mail/src/com/google/gwt/sample/mail/client/noimage.png b/samples/mail/src/com/google/gwt/sample/mail/client/noimage.png
new file mode 100644
index 0000000..d125de3
--- /dev/null
+++ b/samples/mail/src/com/google/gwt/sample/mail/client/noimage.png
Binary files differ
diff --git a/samples/mail/src/com/google/gwt/sample/mail/public/Mail.css b/samples/mail/src/com/google/gwt/sample/mail/public/Mail.css
index 67d1345..d0ba5e9 100644
--- a/samples/mail/src/com/google/gwt/sample/mail/public/Mail.css
+++ b/samples/mail/src/com/google/gwt/sample/mail/public/Mail.css
@@ -20,21 +20,22 @@
.gwt-DialogBox {
background-color: white;
- border-left: 1px solid #666;
- border-right: 1px solid #666;
- border-bottom: 1px solid #666;
}
.gwt-DialogBox .Caption {
- background: url(gradient.gif) repeat-x top left;
+ background: url(gradient.gif) repeat-x 0px -1px;
font-weight: bold;
cursor: default;
padding: 5px 10px;
- border-bottom: 1px solid #666;
- border-top: 1px solid #666;
+ border: 1px solid #666;
text-align: left;
}
+.gwt-DialogBox .content {
+ border: 1px solid #666;
+ border-top: 0;
+}
+
.gwt-DialogBox td {
text-align: right;
}
@@ -77,79 +78,98 @@
}
.gwt-StackPanel {
- background: #fff;
- width: 15em;
+ width: 15em;
border-bottom: 1px solid #666;
}
-
-.gwt-StackPanel .gwt-StackPanelItem {
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-StackPanel .gwt-StackPanelItem-selected {
- border-bottom: 1px solid #666;
-}
-
.gwt-StackPanel .lcaption {
width: 32px;
padding: 0 0 4px 5px;
}
-
.gwt-StackPanel .rcaption {
padding: 0 0 4px 5px;
}
-
+.gwt-StackPanel .gwt-StackPanelContent {
+ border: 1px solid #666;
+ border-bottom: 0px;
+ background: white;
+ padding: 2px 2px 10px 5px;
+}
+.gwt-StackPanelItem {
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-StackPanelItem .topLeft,
.gwt-StackPanelItem .topRight {
- text-align: right;
-}
-
-.gwt-StackPanelItem .topLeft {
- background-image: url(leftCorner.gif);
-}
-
-.gwt-StackPanelItem .topRight {
- background-image: url(rightCorner.gif);
-}
-
-.gwt-StackPanelItem .topLeft, .gwt-StackPanelItem .topRight {
width: 4px;
height: 4px;
- background-color: #b6edbc;
+ zoom: 1;
}
-
-.gwt-StackPanelItem-first .topLeft, .gwt-StackPanelItem-first .topRight,
-.gwt-StackPanelItem-below-selected .topLeft, .gwt-StackPanelItem-below-selected .topRight {
- background-color: #fff;
-}
-
-.gwt-StackPanelItem .topCenter {
- font-size: 2px;
- border-top: 1px solid #666;
- background-color: #deefe1;
-}
-
-.gwt-StackPanelItem .middleLeft, .gwt-StackPanelItem .middleCenter, .gwt-StackPanelItem .middleRight {
- background: url(gradient.gif) repeat-x top left;
-}
-
-.gwt-StackPanelItem .middleLeft, .gwt-StackPanelItem .topLeft {
- font-size: 2px;
+html>body .gwt-StackPanelItem .topLeft {
+ background: #c1eec8 url(leftCorner.gif) no-repeat;
border-left: 1px solid #666;
}
-
-.gwt-StackPanelItem .middleRight, .gwt-StackPanelItem .topRight {
- font-size: 2px;
+html>body .gwt-StackPanelItem .topRight {
+ background: #c1eec8 url(rightCorner.gif) no-repeat;
border-right: 1px solid #666;
}
-
-.gwt-StackPanelItem-first .topLeft, .gwt-StackPanelItem-first .topRight {
- border-right: none;
- border-left: none;
+.gwt-StackPanelItem .topLeftInner,
+.gwt-StackPanelItem .topRightInner {
+ width: 4px;
+ height: 4px;
}
-
-.gwt-StackPanel .gwt-StackPanelItem table {
- width: 100%;
+* html .gwt-StackPanelItem .topLeftInner {
+ overflow: hidden;
+ border-left: 1px solid #666;
+ background-color: #d3def6;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='leftCorner.gif',sizingMethod='crop');
+}
+* html .gwt-StackPanelItem .topRightInner {
+ overflow: hidden;
+ border-right: 1px solid #666;
+ background-color: #d3def6;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rightCorner.gif',sizingMethod='crop');
+}
+.gwt-StackPanelItem .topCenter {
+ background: #ddefde url(gradient.gif) repeat-x 0px 0px;
+}
+.gwt-StackPanelItem .middleLeft {
+ background: #d3def6 url(gradient.gif) repeat-x 0px -1px;
+ border-left: 1px solid #666;
+}
+.gwt-StackPanelItem .middleLeftInner,
+.gwt-StackPanelItem .middleRightInner {
+ width: 1px;
+ height: 1px;
+}
+.gwt-StackPanelItem .middleRight {
+ background: #d3def6 url(gradient.gif) repeat-x 0px -1px;
+ border-right: 1px solid #666;
+}
+.gwt-StackPanelItem .middleCenter {
+ font-weight: bold;
+ font-size: 1.3em;
+ background: #d3def6 url(gradient.gif) repeat-x 0px -1px;
+}
+html>body .gwt-StackPanelItem-first .topRight,
+html>body .gwt-StackPanelItem-first .topLeft {
+ border: 0px;
+ background-color: white;
+}
+html>body .gwt-StackPanelItem-below-selected .topLeft,
+html>body .gwt-StackPanelItem-below-selected .topRight {
+ background-color: white;
+}
+* html .gwt-StackPanelItem-first .topLeftInner,
+* html .gwt-StackPanelItem-first .topRightInner {
+ border: 0px;
+ background-color: white;
+}
+* html .gwt-StackPanelItem-first .topLeftInner {
+ padding-left: 1px;
+}
+* html .gwt-StackPanelItem-below-selected .topLeftInner,
+* html .gwt-StackPanelItem-below-selected .topRightInner {
+ background-color: white;
}
.mail-TopPanel {
@@ -202,7 +222,7 @@
}
.mail-ListHeader {
- background: #c1eec8 url(gradient.gif) repeat-x 0px 0px;
+ background: #c1eec8 url(gradient.gif) repeat-x 0px -1px;
font-weight: bold;
}
@@ -297,9 +317,6 @@
.mail-StackContent {
height: 100%;
- padding: 0 0.5em;
- border-left: 1px solid #666;
- border-right: 1px solid #666;
}
.mail-Contacts {
diff --git a/samples/mail/src/com/google/gwt/sample/mail/public/gradient.gif b/samples/mail/src/com/google/gwt/sample/mail/public/gradient.gif
index 3e0ae44..c15c303 100644
--- a/samples/mail/src/com/google/gwt/sample/mail/public/gradient.gif
+++ b/samples/mail/src/com/google/gwt/sample/mail/public/gradient.gif
Binary files differ
