draft of DragAndDropWrapper + small changes

svn changeset:11349/svn branch:6.3_dd

5 files changed, 73 insertions, 16 deletions

diff --git a/WebContent/VAADIN/themes/base/common/common.css b/WebContent/VAADIN/themes/base/common/common.css
index 082f6b4f7f..29fb1363d4 100644
--- a/WebContent/VAADIN/themes/base/common/common.css
+++ b/WebContent/VAADIN/themes/base/common/common.css
@@ -226,4 +226,19 @@ div.v-app-loading {
     opacity: 0.4;
     filter: alpha(opacity=40);
     border: 1px solid #999;
-}
\ No newline at end of file
+}
+
+
+.v-ddwrapper {
+	background-color: cyan;
+}
+
+.v-ddwrapper-over-center {
+	background-color: LightGreen;
+}
+.v-ddwrapper-over-top {
+	border-top: 2px solid green;
+}
+.v-ddwrapper-over-bottom {
+	border-bottom: 2px solid green;
+}
diff --git a/WebContent/VAADIN/themes/base/styles.css b/WebContent/VAADIN/themes/base/styles.css
index eca4525510..770f1c9d4c 100644
--- a/WebContent/VAADIN/themes/base/styles.css
+++ b/WebContent/VAADIN/themes/base/styles.css
@@ -458,6 +458,21 @@ div.v-app-loading {
     border: 1px solid #999;
 }
 
+
+.v-ddwrapper {
+	background-color: cyan;
+}
+
+.v-ddwrapper-over-center {
+	background-color: LightGreen;
+}
+.v-ddwrapper-over-top {
+	border-top: 2px solid green;
+}
+.v-ddwrapper-over-bottom {
+	border-bottom: 2px solid green;
+}
+
 .v-csslayout {
 	overflow: hidden;
 }
@@ -1621,17 +1636,16 @@ div.v-tree-node-leaf {
 	color: #fff;
 }
 
-.v-tree-node-drag-top .v-tree-node-caption {
+.v-tree-node-caption-drag-top {
 	border-top:2px solid green;
 }
-.v-tree-node-drag-bottom .v-tree-node-caption {
+.v-tree-node-caption-drag-bottom {
 	border-bottom:2px solid green;
 }
-.v-tree-node-drag-center .v-tree-node-caption {
+.v-tree-node-caption-drag-center {
 	background-color:green;
 }
 
-
 .v-tree-node-children {
 	padding-left: 1em;
 }
diff --git a/WebContent/VAADIN/themes/base/tree/tree.css b/WebContent/VAADIN/themes/base/tree/tree.css
index 8a6fc3b878..084247e7d5 100644
--- a/WebContent/VAADIN/themes/base/tree/tree.css
+++ b/WebContent/VAADIN/themes/base/tree/tree.css
@@ -30,13 +30,13 @@ div.v-tree-node-leaf {
 	color: #fff;
 }
 
-.v-tree-node-drag-top .v-tree-node-caption {
+.v-tree-node-caption-drag-top {
 	border-top:2px solid green;
 }
-.v-tree-node-drag-bottom .v-tree-node-caption {
+.v-tree-node-caption-drag-bottom {
 	border-bottom:2px solid green;
 }
-.v-tree-node-drag-center .v-tree-node-caption {
+.v-tree-node-caption-drag-center {
 	background-color:green;
 }
 
diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css
index c4081182c8..e927ab81cb 100644
--- a/WebContent/VAADIN/themes/reindeer/styles.css
+++ b/WebContent/VAADIN/themes/reindeer/styles.css
@@ -458,6 +458,21 @@ div.v-app-loading {
     border: 1px solid #999;
 }
 
+
+.v-ddwrapper {
+	background-color: cyan;
+}
+
+.v-ddwrapper-over-center {
+	background-color: LightGreen;
+}
+.v-ddwrapper-over-top {
+	border-top: 2px solid green;
+}
+.v-ddwrapper-over-bottom {
+	border-bottom: 2px solid green;
+}
+
 .v-csslayout {
 	overflow: hidden;
 }
@@ -1621,17 +1636,16 @@ div.v-tree-node-leaf {
 	color: #fff;
 }
 
-.v-tree-node-drag-top .v-tree-node-caption {
+.v-tree-node-caption-drag-top {
 	border-top:2px solid green;
 }
-.v-tree-node-drag-bottom .v-tree-node-caption {
+.v-tree-node-caption-drag-bottom {
 	border-bottom:2px solid green;
 }
-.v-tree-node-drag-center .v-tree-node-caption {
+.v-tree-node-caption-drag-center {
 	background-color:green;
 }
 
-
 .v-tree-node-children {
 	padding-left: 1em;
 }
diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css
index 8d07f54c53..a3ad1f1f86 100644
--- a/WebContent/VAADIN/themes/runo/styles.css
+++ b/WebContent/VAADIN/themes/runo/styles.css
@@ -458,6 +458,21 @@ div.v-app-loading {
     border: 1px solid #999;
 }
 
+
+.v-ddwrapper {
+	background-color: cyan;
+}
+
+.v-ddwrapper-over-center {
+	background-color: LightGreen;
+}
+.v-ddwrapper-over-top {
+	border-top: 2px solid green;
+}
+.v-ddwrapper-over-bottom {
+	border-bottom: 2px solid green;
+}
+
 .v-csslayout {
 	overflow: hidden;
 }
@@ -1621,17 +1636,16 @@ div.v-tree-node-leaf {
 	color: #fff;
 }
 
-.v-tree-node-drag-top .v-tree-node-caption {
+.v-tree-node-caption-drag-top {
 	border-top:2px solid green;
 }
-.v-tree-node-drag-bottom .v-tree-node-caption {
+.v-tree-node-caption-drag-bottom {
 	border-bottom:2px solid green;
 }
-.v-tree-node-drag-center .v-tree-node-caption {
+.v-tree-node-caption-drag-center {
 	background-color:green;
 }
 
-
 .v-tree-node-children {
 	padding-left: 1em;
 }