Fixes #3352: Make a custom theme for Sampler theme select dropdown (not tested in IE)

svn changeset:8815/svn branch:6.1

diff --git a/WebContent/VAADIN/themes/sampler/sampler/icon-empty.png b/WebContent/VAADIN/themes/sampler/sampler/icon-empty.png
new file mode 100644 (file)
index 0000000..0532628
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/sampler/icon-empty.png differ

diff --git a/WebContent/VAADIN/themes/sampler/sampler/select-bullet.png b/WebContent/VAADIN/themes/sampler/sampler/select-bullet.png
new file mode 100644 (file)
index 0000000..8ef4841
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/sampler/select-bullet.png differ

diff --git a/WebContent/VAADIN/themes/sampler/sampler/styles.css b/WebContent/VAADIN/themes/sampler/sampler/styles.css
index 3b18645d747bbb54411e78d9f827ad1a749045ff..0dab6d5227221c047e3113c9b900f8a27de7f6b4 100644 (file)
--- a/WebContent/VAADIN/themes/sampler/sampler/styles.css
+++ b/WebContent/VAADIN/themes/sampler/sampler/styles.css
@@ -167,7 +167,8 @@
 .v-app-SamplerApplication .theme-select * {
        background: transparent;
 }
-.v-app-SamplerApplication .theme-select .v-filterselect-input {
+.v-app-SamplerApplication .theme-select .v-filterselect-input,
+.v-app-SamplerApplication .theme-select .v-icon {
        width: 0;
        height: 0;
        padding: 0;
@@ -193,6 +194,32 @@
 .v-app-SamplerApplication .theme-select:active .v-filterselect-button {
        background-position: right bottom;
 }
+
+
+/* Theme select drop down styles */
+.v-filterselect-suggestpopup-theme-select {
+       background: #343538 url(theme-select-bg.png) repeat-x;
+       border: none;
+       font-family: Arial, Helvetica, sans-serif;
+       font-size: 12px;
+       line-height: normal;
+       color: #d7d8d9;
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       text-shadow: #373a3c 0 1px 0;
+}
+.v-filterselect-suggestpopup-theme-select .v-filterselect-suggestmenu {
+       margin: 6px 0;
+}
+.v-filterselect-suggestpopup-theme-select .gwt-MenuItem {
+       height: 14px;
+       padding: 1px 15px 1px 4px;
+       cursor: default;
+}
+.v-filterselect-suggestpopup-theme-select .gwt-MenuItem-selected {
+       background: #3472ac url(theme-select-sel-bg.png) repeat-x;
+}
+
 .v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-previous span,
 .v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-previous.v-pressed span,
 .v-app-SamplerApplication .v-horizontallayout-segment .v-nativebutton-previous.v-disabled span {

diff --git a/WebContent/VAADIN/themes/sampler/sampler/theme-select-bg.png b/WebContent/VAADIN/themes/sampler/sampler/theme-select-bg.png
new file mode 100644 (file)
index 0000000..3f279aa
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/sampler/theme-select-bg.png differ

diff --git a/WebContent/VAADIN/themes/sampler/sampler/theme-select-sel-bg.png b/WebContent/VAADIN/themes/sampler/sampler/theme-select-sel-bg.png
new file mode 100644 (file)
index 0000000..f605d22
Binary files /dev/null and b/WebContent/VAADIN/themes/sampler/sampler/theme-select-sel-bg.png differ