enhancing wrapper, now horizontal drop location -> example horizontally sortable layout

svn changeset:11353/svn branch:6.3_dd

4 files changed, 42 insertions, 10 deletions

diff --git a/WebContent/VAADIN/themes/base/common/common.css b/WebContent/VAADIN/themes/base/common/common.css
index 29fb1363d4..336fe828a2 100644
--- a/WebContent/VAADIN/themes/base/common/common.css
+++ b/WebContent/VAADIN/themes/base/common/common.css
@@ -220,6 +220,8 @@ div.v-app-loading {
 	padding: 2px;
 }
 
+/* TODO jouni: replace debug colors */
+
 .v-drag-element {
 	z-index:60000;
 	position:absolute;
@@ -228,11 +230,11 @@ div.v-app-loading {
     border: 1px solid #999;
 }
 
-
 .v-ddwrapper {
 	background-color: cyan;
 }
 
+.v-ddwrapper-over-middle,
 .v-ddwrapper-over-center {
 	background-color: LightGreen;
 }
@@ -242,3 +244,9 @@ div.v-app-loading {
 .v-ddwrapper-over-bottom {
 	border-bottom: 2px solid green;
 }
+.v-ddwrapper-over-left {
+	border-left: 2px solid green;
+}
+.v-ddwrapper-over-right {
+	border-right: 2px solid green;
+}
diff --git a/WebContent/VAADIN/themes/base/styles.css b/WebContent/VAADIN/themes/base/styles.css
index 770f1c9d4c..948cf42f5b 100644
--- a/WebContent/VAADIN/themes/base/styles.css
+++ b/WebContent/VAADIN/themes/base/styles.css
@@ -1,5 +1,5 @@
-.v-theme-version:after {content:"6_3_0_dev-20100216";}
-.v-theme-version-6_3_0_dev-20100216 {display: none;}
+.v-theme-version:after {content:"6_3_0_dev-20100217";}
+.v-theme-version-6_3_0_dev-20100217 {display: none;}
 /* Automatically compiled css file from subdirectories. */
 
 .v-absolutelayout-wrapper {
@@ -450,6 +450,8 @@ div.v-app-loading {
 	padding: 2px;
 }
 
+/* TODO jouni: replace debug colors */
+
 .v-drag-element {
 	z-index:60000;
 	position:absolute;
@@ -458,11 +460,11 @@ div.v-app-loading {
     border: 1px solid #999;
 }
 
-
 .v-ddwrapper {
 	background-color: cyan;
 }
 
+.v-ddwrapper-over-middle,
 .v-ddwrapper-over-center {
 	background-color: LightGreen;
 }
@@ -472,6 +474,12 @@ div.v-app-loading {
 .v-ddwrapper-over-bottom {
 	border-bottom: 2px solid green;
 }
+.v-ddwrapper-over-left {
+	border-left: 2px solid green;
+}
+.v-ddwrapper-over-right {
+	border-right: 2px solid green;
+}
 
 .v-csslayout {
 	overflow: hidden;
diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css
index e927ab81cb..1be5ef5ac9 100644
--- a/WebContent/VAADIN/themes/reindeer/styles.css
+++ b/WebContent/VAADIN/themes/reindeer/styles.css
@@ -1,5 +1,5 @@
-.v-theme-version:after {content:"6_3_0_dev-20100216";}
-.v-theme-version-6_3_0_dev-20100216 {display: none;}
+.v-theme-version:after {content:"6_3_0_dev-20100217";}
+.v-theme-version-6_3_0_dev-20100217 {display: none;}
 /* Automatically compiled css file from subdirectories. */
 
 .v-absolutelayout-wrapper {
@@ -450,6 +450,8 @@ div.v-app-loading {
 	padding: 2px;
 }
 
+/* TODO jouni: replace debug colors */
+
 .v-drag-element {
 	z-index:60000;
 	position:absolute;
@@ -458,11 +460,11 @@ div.v-app-loading {
     border: 1px solid #999;
 }
 
-
 .v-ddwrapper {
 	background-color: cyan;
 }
 
+.v-ddwrapper-over-middle,
 .v-ddwrapper-over-center {
 	background-color: LightGreen;
 }
@@ -472,6 +474,12 @@ div.v-app-loading {
 .v-ddwrapper-over-bottom {
 	border-bottom: 2px solid green;
 }
+.v-ddwrapper-over-left {
+	border-left: 2px solid green;
+}
+.v-ddwrapper-over-right {
+	border-right: 2px solid green;
+}
 
 .v-csslayout {
 	overflow: hidden;
diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css
index a3ad1f1f86..843a89bcde 100644
--- a/WebContent/VAADIN/themes/runo/styles.css
+++ b/WebContent/VAADIN/themes/runo/styles.css
@@ -1,5 +1,5 @@
-.v-theme-version:after {content:"6_3_0_dev-20100216";}
-.v-theme-version-6_3_0_dev-20100216 {display: none;}
+.v-theme-version:after {content:"6_3_0_dev-20100217";}
+.v-theme-version-6_3_0_dev-20100217 {display: none;}
 /* Automatically compiled css file from subdirectories. */
 
 .v-absolutelayout-wrapper {
@@ -450,6 +450,8 @@ div.v-app-loading {
 	padding: 2px;
 }
 
+/* TODO jouni: replace debug colors */
+
 .v-drag-element {
 	z-index:60000;
 	position:absolute;
@@ -458,11 +460,11 @@ div.v-app-loading {
     border: 1px solid #999;
 }
 
-
 .v-ddwrapper {
 	background-color: cyan;
 }
 
+.v-ddwrapper-over-middle,
 .v-ddwrapper-over-center {
 	background-color: LightGreen;
 }
@@ -472,6 +474,12 @@ div.v-app-loading {
 .v-ddwrapper-over-bottom {
 	border-bottom: 2px solid green;
 }
+.v-ddwrapper-over-left {
+	border-left: 2px solid green;
+}
+.v-ddwrapper-over-right {
+	border-right: 2px solid green;
+}
 
 .v-csslayout {
 	overflow: hidden;