diff options
Diffstat (limited to 'WebContent/VAADIN/themes/base/tree/tree.scss')
| -rw-r--r-- | WebContent/VAADIN/themes/base/tree/tree.scss | 141 |
1 files changed, 141 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/tree/tree.scss b/WebContent/VAADIN/themes/base/tree/tree.scss new file mode 100644 index 0000000000..0319bbe994 --- /dev/null +++ b/WebContent/VAADIN/themes/base/tree/tree.scss @@ -0,0 +1,141 @@ +@mixin base-tree { + +// tree-default.css + +.v-tree { + text-align: left; /* Force default alignment */ + overflow: hidden; + padding: 1px 0; + outline: none; +} +.v-tree-node { + background: transparent url(../common/img/sprites.png) no-repeat 5px -37px; + padding: 1px 0; +} +.v-tree-node-caption:focus { + outline: none; +} +div.v-tree-node-leaf { + background: transparent; +} +.v-tree-node-expanded { + background: transparent url(../common/img/sprites.png) no-repeat -5px -10px; +} +.v-tree-node-caption { + margin-left: 1em; +} +.v-tree-node span { + cursor: pointer; +} +.v-tree-node-caption div { + white-space: nowrap; +} +.v-tree-node-caption span, +.v-tree-node-caption .v-icon { + vertical-align: middle; +} +.v-tree-node-selected span { + background: #999; + color: #fff; +} +.v-tree-node-children { + padding-left: 1em; +} + +// Drag'n'drop styles + +.v-tree .v-tree-node-drag-top { + border-top: 2px solid #1d9dff; + margin-top: -1px; + padding-top: 0; +} +.v-tree .v-tree-node-drag-bottom { + border-bottom: 2px solid #1d9dff; + margin-bottom: -1px; + padding-bottom: 0; +} +.v-tree .v-tree-node-drag-top:before, +.v-tree .v-tree-node-drag-bottom:after, +.v-tree .v-tree-node-caption-drag-center:after { + display: block; + content: ""; + position: absolute; + width: 6px; + height: 6px; + margin-top: -4px; + background: transparent url(../common/img/drag-slot-dot.png); +} +.v-tree .v-tree-node-drag-bottom:after { + margin-top: -2px; +} +.v-tree .v-tree-node-caption-drag-center:after { + margin-left: 14px; +} +.v-ff .v-tree .v-tree-node-caption-drag-center:after, +.v-ie .v-tree .v-tree-node-caption-drag-center:after { + margin-top: -2px; +} +.v-tree .v-tree-node-drag-top { + background-position: 5px -38px; +} +.v-tree .v-tree-node-drag-top.v-tree-node-expanded { + background-position: -5px -11px; +} +.v-tree .v-tree-node-caption-drag-center div { + border: 2px solid #1d9dff; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + margin: -2px 2px -2px -2px; + background-color: #bcdcff; +} +.v-tree .v-tree-node-caption-drag-center div { + background-color: rgba(169,209,255,.6); +} +.v-tree .v-tree-node-caption-drag-center div, +.v-tree .v-tree-node-drag-top, +.v-tree .v-tree-node-drag-bottom { + border-color: rgba(0,109,232,.6); +} + +// tree-connectors.css + +.v-tree-connectors { + // Make item caption height an even number (so that the connector dots overlap nicely) + .v-tree-node-caption { + padding-top: 1px; + } + .v-tree-node { + background: transparent url(img/connector-expand.png) no-repeat 2px -52px; + } + .v-tree-node-expanded { + background: transparent url(img/connector-collapse.png) no-repeat 2px -52px; + } + .v-tree-node-last { + background: transparent url(img/connector-expand-last.png) no-repeat 2px -52px; + } + .v-tree-node-expanded.v-tree-node-last { + background: transparent url(img/connector-collapse-last.png) no-repeat 2px -52px; + } + .v-tree-node-leaf { + background: transparent url(img/connector-leaf.png) repeat-y 2px 50%; + } + .v-tree-node-leaf-last { + background: transparent url(img/connector-leaf-last.png) repeat-y 2px 50%; + } + .v-tree-node-children { + background: transparent url(img/connector.png) repeat-y 2px 0; + } + .v-tree-node-children-last { + background: transparent; + } + .v-tree-node-drag-top, + .v-tree-node-expanded.v-tree-node-drag-top { + background-position: 2px -53px; + } + .v-tree-node-drag-top.v-tree-node-leaf { + background-position: 2px 50%; + } +} + +}
\ No newline at end of file |