Sampler updates: new "screenshots" for many samples. IE6 initial fixes.

svn changeset:10120/svn branch:6.2

diff --git a/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-hover-ie6.png b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-hover-ie6.png
new file mode 100644 (file)
index 0000000..04d8b63
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-hover-ie6.png differ

diff --git a/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-ie6.png b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-ie6.png
new file mode 100644 (file)
index 0000000..ba3cc98
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-ie6.png differ

diff --git a/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-hover-ie6.png b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-hover-ie6.png
new file mode 100644 (file)
index 0000000..4659f9d
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-hover-ie6.png differ

diff --git a/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-ie6.png b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-ie6.png
new file mode 100644 (file)
index 0000000..4210750
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/sampler/screenshot-frame-new-ie6.png differ

diff --git a/WebContent/VAADIN/themes/sampler/sampler/styles.css b/WebContent/VAADIN/themes/sampler/sampler/styles.css
index 5f01c067bafe550a8fea20cfee70feae66c02c37..4b678c1d6a8b4824e59e87b18b748bb20e783125 100644 (file)
--- a/WebContent/VAADIN/themes/sampler/sampler/styles.css
+++ b/WebContent/VAADIN/themes/sampler/sampler/styles.css
@@ -10,7 +10,7 @@
 }
 
 .v-app-SamplerApplication .v-horizontallayout-topbar {
-       border-bottom: 1px solid #fff;
+       border-bottom: 1px solid #eaeaea;
        background: #5c5d60 url(top-bg.png) repeat-x;
 }
 
@@ -422,18 +422,37 @@
        padding-top: 84px;
        height: 30px;
        color: #222;
+       cursor: pointer;
+}
+.v-ie6 .v-csslayout-grid .screenshot span,
+.v-ie6 .v-csslayout-grid .screenshot a:link span,
+.v-ie6 .v-csslayout-grid .screenshot a:visited span {
+       background-image: url(screenshot-frame-ie6.png);
 }
 .v-csslayout-grid .screenshot a:hover span {
        background: transparent url(screenshot-frame-hover.png) no-repeat 1px 0;
 }
+.v-ie6 .v-csslayout-grid .screenshot a:hover span {
+       /* Hover images are somehow totally unusable */
+       background: transparent url(screenshot-frame-ie6.png) no-repeat 4px 2px;
+}
 .v-csslayout-grid .new a span,
 .v-csslayout-grid .new a:link span,
 .v-csslayout-grid .new a:visited span {
        background: transparent url(screenshot-frame-new.png) no-repeat 2px 0;
 }
+.v-ie6 .v-csslayout-grid .new a span,
+.v-ie6 .v-csslayout-grid .new a:link span,
+.v-ie6 .v-csslayout-grid .new a:visited span {
+       background-image: url(screenshot-frame-new-ie6.png);
+}
 .v-csslayout-grid .new a:hover span {
        background: transparent url(screenshot-frame-new-hover.png) no-repeat 1px 0;
 }
+.v-ie6 .v-csslayout-grid .new a:hover span {
+       /* Hover images are somehow totally unusable */
+       background: transparent url(screenshot-frame-new-ie6.png) no-repeat 2px 0;
+}
 
 
 /* Highlight features (samples directly inside the root) */
@@ -455,12 +474,14 @@
        color: #555a5f;
 }
 .v-csslayout-highlight {
-       width: 50%;
+       width: 49.8%;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        overflow: visible;
-
+}
+.v-ie6 .v-csslayout-highlight {
+       overflow: hidden;
 }
 
 .v-sa .v-csslayout-highlight {
@@ -496,7 +517,6 @@
        background: transparent url(screenshot-frame.png) no-repeat 3px 3px;
        text-overflow: ellipsis;
 }
-
 .highlight .v-link a:hover span {
        background: transparent url(screenshot-frame-hover.png) no-repeat 0 1px;
 }
@@ -509,6 +529,16 @@
        background: transparent url(screenshot-frame-new-hover.png) no-repeat 1px 1px;
 }
 
+.v-ie6 .highlight .v-link span,
+.v-ie6 .highlight .v-link a:hover span {
+       background: transparent url(screenshot-frame-ie6.png) no-repeat 3px 3px;
+}
+
+.v-ie6 .highlight .new a span,
+.v-ie6 .highlight .new a:hover span {
+       background: transparent url(screenshot-frame-new-ie6.png) no-repeat 2px 1px;
+}
+
 .highlight .v-label {
        white-space: normal;
        margin: -55px 0 0 92px;
@@ -589,6 +619,7 @@
        text-decoration: none;
        font-size: 12px;
        color: #2667b4;
+       line-height: normal;
 }
 .feature-controls .v-link-showcode a,
 .feature-controls .v-nativebutton-reset {