From c96076ef8bb2d9d9f27f0b44cb1743af0babab24 Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Tue, 23 Aug 2011 13:02:17 +0000 Subject: Barebones fix for #6745: Connectors for Tree, i.e. ugly but works. We can make it more pretty in future releases if necessary. Includes TestBench test for the feature. svn changeset:20577/svn branch:6.7 --- .../themes/base/tree/img/connector-item-last.png | Bin 0 -> 148 bytes .../VAADIN/themes/base/tree/img/connector-item.png | Bin 0 -> 153 bytes WebContent/VAADIN/themes/base/tree/img/connector.png | Bin 0 -> 143 bytes WebContent/VAADIN/themes/base/tree/tree.css | 18 ++++++++++++++++-- 4 files changed, 16 insertions(+), 2 deletions(-) create mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-item-last.png create mode 100644 WebContent/VAADIN/themes/base/tree/img/connector-item.png create mode 100644 WebContent/VAADIN/themes/base/tree/img/connector.png (limited to 'WebContent/VAADIN/themes/base/tree') diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-item-last.png b/WebContent/VAADIN/themes/base/tree/img/connector-item-last.png new file mode 100644 index 0000000000..2eb04a32fd Binary files /dev/null and b/WebContent/VAADIN/themes/base/tree/img/connector-item-last.png differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector-item.png b/WebContent/VAADIN/themes/base/tree/img/connector-item.png new file mode 100644 index 0000000000..5f88fe1bef Binary files /dev/null and b/WebContent/VAADIN/themes/base/tree/img/connector-item.png differ diff --git a/WebContent/VAADIN/themes/base/tree/img/connector.png b/WebContent/VAADIN/themes/base/tree/img/connector.png new file mode 100644 index 0000000000..2844bba731 Binary files /dev/null and b/WebContent/VAADIN/themes/base/tree/img/connector.png differ diff --git a/WebContent/VAADIN/themes/base/tree/tree.css b/WebContent/VAADIN/themes/base/tree/tree.css index 9e056dc4d6..593771a49c 100644 --- a/WebContent/VAADIN/themes/base/tree/tree.css +++ b/WebContent/VAADIN/themes/base/tree/tree.css @@ -11,10 +11,24 @@ .v-tree-node-caption:focus { outline: none; } +div.v-tree-node-leaf { + background: transparent; +} +.v-tree-connectors .v-tree-node-leaf, +.v-tree-connectors .v-tree-node-leaf:hover { + background: transparent url(img/connector-item.png) no-repeat 8px 0; +} +.v-tree-connectors .v-tree-node-leaf-last, +.v-tree-connectors .v-tree-node-leaf-last:hover { + background: transparent url(img/connector-item-last.png) no-repeat 8px 0; +} .v-tree-node-expanded { - background-position: -5px -10px; + background: transparent url(../common/img/sprites.png) no-repeat -5px -10px; } -div.v-tree-node-leaf { +.v-tree-connectors .v-tree-node-children { + background: transparent url(img/connector.png) repeat-y 8px bottom; +} +.v-tree-connectors .v-tree-node-children-last { background: transparent; } .v-tree-node-caption { -- cgit v1.2.3