The Button Component Strikes Back

Fixes many theme issues with Button (mostly Reindeer theme), including #3110, #3193, #3194, #3180 and 3079.

Default button is now rendered on the client side with a DIV. Disabled buttons can now have descriptions, which fixes #2085.

Added a "new" component, NativeButton, which uses native BUTTON element rendering on the client side.

Theme compilation script now understands simple @import statements, which help keep things more organized in theme development.

svn changeset:8558/svn branch:6.1

1 files changed, 67 insertions, 0 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/button/small-style.css b/WebContent/VAADIN/themes/reindeer/button/small-style.css
new file mode 100644
index 0000000000..fa6b177624
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/small-style.css
@@ -0,0 +1,67 @@
+.v-button-small:focus {
+	background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */
+	}
+	
+.v-button-small:focus .v-button-wrap {
+	background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+	}
+	
+.v-button-small:active,
+.v-button-small.v-pressed {
+	background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */
+	}
+
+.v-button-small:active .v-button-wrap,
+.v-button-small.v-pressed .v-button-wrap {
+	background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+	}
+
+.v-button-small,
+.v-disabled.v-button-small {
+	background-image: url(img/small-left.png); /** sprite-ref: buttons */
+	height: 20px;
+	}
+	
+.v-button-small .v-button-wrap,
+.v-disabled.v-button-small .v-button-wrap {
+	background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+	height: 19px;
+	padding: 1px 14px 0 8px;
+	}
+
+.v-button-small .v-button-caption {
+	font-weight: normal;
+	}
+	
+
+
+
+/* Black style */
+
+.black .v-button-small:focus {
+	background-image: url(img/black/small-left-focus.png); /** sprite-ref: black-buttons */
+	}
+	
+.black .v-button-small:focus .v-button-wrap {
+	background-image: url(img/black/small-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+	}
+	
+.black .v-button-small:active,
+.black .v-button-small.v-pressed {
+	background-image: url(img/black/small-left-pressed.png); /** sprite-ref: black-buttons */
+	}
+	
+.black .v-button-small:active .v-button-wrap,
+.black .v-button-small.v-pressed .v-button-wrap {
+	background-image: url(img/black/small-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+	}
+
+.black .v-button-small,
+.black .v-disabled.v-button-small {
+	background-image: url(img/black/small-left.png); /** sprite-ref: black-buttons */
+	}
+	
+.black .v-button-small .v-button-wrap,
+.black .v-disabled.v-button-small .v-button-wrap {
+	background-image: url(img/black/small-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
+	}
\ No newline at end of file