PE18Z`rh^^qXoo!H
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
literal 0
HcmV?d00001
diff --git a/dist/skin-win8-n/loading.gif b/dist/skin-win8-n/loading.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ef88497ccc2f6c2a3a0c5e41f3cbfc7a18ff5329
GIT binary patch
literal 3234
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
RGR}AoOL=)|H48+m{|ju`J$C>A
literal 0
HcmV?d00001
diff --git a/dist/skin-win8-n/ui.fancytree.css b/dist/skin-win8-n/ui.fancytree.css
new file mode 100644
index 00000000..4301af76
--- /dev/null
+++ b/dist/skin-win8-n/ui.fancytree.css
@@ -0,0 +1,547 @@
+/*!
+ * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ ******************************************************************************/
+/*------------------------------------------------------------------------------
+ * Helpers
+ *----------------------------------------------------------------------------*/
+.ui-helper-hidden {
+ display: none;
+}
+/*------------------------------------------------------------------------------
+ * Container and UL / LI
+ *----------------------------------------------------------------------------*/
+ul.fancytree-container {
+ font-family: tahoma, arial, helvetica;
+ font-size: 10pt;
+ white-space: nowrap;
+ padding: 3px;
+ margin: 0;
+ background-color: white;
+ border: 1px dotted gray;
+ overflow: auto;
+ min-height: 0%;
+ position: relative;
+}
+ul.fancytree-container ul {
+ padding: 0 0 0 16px;
+ margin: 0;
+}
+ul.fancytree-container li {
+ list-style-image: none;
+ list-style-position: outside;
+ list-style-type: none;
+ -moz-background-clip: border;
+ -moz-background-inline-policy: continuous;
+ -moz-background-origin: padding;
+ background-attachment: scroll;
+ background-color: transparent;
+ background-position: 0px 0px;
+ background-repeat: repeat-y;
+ background-image: none;
+ margin: 0;
+}
+ul.fancytree-container li.fancytree-lastsib {
+ background-image: none;
+}
+ul.fancytree-no-connector > li {
+ background-image: none;
+}
+.ui-fancytree-disabled ul.fancytree-container {
+ opacity: 0.5;
+ background-color: silver;
+}
+/*------------------------------------------------------------------------------
+ * Common icon definitions
+ *----------------------------------------------------------------------------*/
+span.fancytree-empty,
+span.fancytree-vline,
+span.fancytree-expander,
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-radio,
+span.fancytree-drag-helper-img,
+#fancytree-drop-marker {
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ vertical-align: top;
+ background-repeat: no-repeat;
+ background-position: left;
+ background-image: url("icons.gif");
+ background-position: 0px 0px;
+}
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-expander,
+span.fancytree-radio,
+span.fancytree-custom-icon {
+ margin-top: 0px;
+}
+/* Used by iconclass option */
+span.fancytree-custom-icon {
+ display: inline-block;
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+ width: 16px;
+ height: 16px;
+ margin-left: 3px;
+ margin-top: 0px;
+ vertical-align: top;
+ border-style: none;
+}
+/*------------------------------------------------------------------------------
+ * Expander icon
+ *
+ * Note: IE6 doesn't correctly evaluate multiples class names,
+ * so we create combined class names that can be used in the CSS.
+ *
+ * Prefix: fancytree-exp-
+ * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
+ * 2nd character (optional): 'd': lazy (Delayed)
+ * 3rd character (optional): 'l': Last sibling
+ *----------------------------------------------------------------------------*/
+span.fancytree-expander {
+ cursor: pointer;
+}
+.fancytree-exp-n span.fancytree-expander,
+.fancytree-exp-nl span.fancytree-expander {
+ background-image: none;
+ cursor: default;
+}
+.fancytree-exp-n span.fancytree-expander,
+.fancytree-exp-n span.fancytree-expander:hover {
+ background-position: 0px -64px;
+}
+.fancytree-exp-nl span.fancytree-expander,
+.fancytree-exp-nl span.fancytree-expander:hover {
+ background-position: -16px -64px;
+}
+.fancytree-exp-c span.fancytree-expander {
+ background-position: 0px -80px;
+}
+.fancytree-exp-c span.fancytree-expander:hover {
+ background-position: -16px -80px;
+}
+.fancytree-exp-cl span.fancytree-expander {
+ background-position: 0px -96px;
+}
+.fancytree-exp-cl span.fancytree-expander:hover {
+ background-position: -16px -96px;
+}
+.fancytree-exp-cd span.fancytree-expander {
+ background-position: -64px -80px;
+}
+.fancytree-exp-cd span.fancytree-expander:hover {
+ background-position: -80px -80px;
+}
+.fancytree-exp-cdl span.fancytree-expander {
+ background-position: -64px -96px;
+}
+.fancytree-exp-cdl span.fancytree-expander:hover {
+ background-position: -80px -96px;
+}
+.fancytree-exp-e span.fancytree-expander,
+.fancytree-exp-ed span.fancytree-expander {
+ background-position: -32px -80px;
+}
+.fancytree-exp-e span.fancytree-expander:hover,
+.fancytree-exp-ed span.fancytree-expander:hover {
+ background-position: -48px -80px;
+}
+.fancytree-exp-el span.fancytree-expander,
+.fancytree-exp-edl span.fancytree-expander {
+ background-position: -32px -96px;
+}
+.fancytree-exp-el span.fancytree-expander:hover,
+.fancytree-exp-edl span.fancytree-expander:hover {
+ background-position: -48px -96px;
+}
+/*------------------------------------------------------------------------------
+ * Checkbox icon
+ *----------------------------------------------------------------------------*/
+span.fancytree-checkbox {
+ margin-left: 3px;
+ background-position: 0px -32px;
+}
+span.fancytree-checkbox:hover {
+ background-position: -16px -32px;
+}
+.fancytree-partsel span.fancytree-checkbox {
+ background-position: -64px -32px;
+}
+.fancytree-partsel span.fancytree-checkbox:hover {
+ background-position: -80px -32px;
+}
+.fancytree-selected span.fancytree-checkbox {
+ background-position: -32px -32px;
+}
+.fancytree-selected span.fancytree-checkbox:hover {
+ background-position: -48px -32px;
+}
+.fancytree-unselectable span.fancytree-checkbox,
+.fancytree-unselectable span.fancytree-checkbox:hover {
+ opacity: 0.4;
+ filter: alpha(opacity=40);
+ background-position: 0px -32px;
+}
+/*------------------------------------------------------------------------------
+ * Radiobutton icon
+ * This is a customization, that may be activated by overriding the 'checkbox'
+ * class name as 'fancytree-radio' in the tree options.
+ *----------------------------------------------------------------------------*/
+.fancytree-radio span.fancytree-checkbox {
+ background-position: 0px -48px;
+}
+.fancytree-radio span.fancytree-checkbox:hover {
+ background-position: -16px -48px;
+}
+.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
+ background-position: -64px -48px;
+}
+.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
+ background-position: -80px -48px;
+}
+.fancytree-radio .fancytree-selected span.fancytree-checkbox {
+ background-position: -32px -48px;
+}
+.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
+ background-position: -48px -48px;
+}
+.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,
+.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover {
+ background-position: 0px -48px;
+}
+/*------------------------------------------------------------------------------
+ * Node type icon
+ * Note: IE6 doesn't correctly evaluate multiples class names,
+ * so we create combined class names that can be used in the CSS.
+ *
+ * Prefix: fancytree-ico-
+ * 1st character: 'e': expanded, 'c': collapsed
+ * 2nd character (optional): 'f': folder
+ *----------------------------------------------------------------------------*/
+span.fancytree-icon {
+ margin-left: 3px;
+ background-position: 0px 0px;
+}
+/* Documents */
+.fancytree-ico-c span.fancytree-icon:hover {
+ background-position: -16px 0px;
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
+ background-position: -32px 0px;
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
+ background-position: -48px 0px;
+}
+.fancytree-ico-e span.fancytree-icon {
+ background-position: -64px 0px;
+}
+.fancytree-ico-e span.fancytree-icon:hover {
+ background-position: -80px 0px;
+}
+/* Folders */
+.fancytree-ico-cf span.fancytree-icon {
+ background-position: 0px -16px;
+}
+.fancytree-ico-cf span.fancytree-icon:hover {
+ background-position: -16px -16px;
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
+ background-position: -32px -16px;
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
+ background-position: -48px -16px;
+}
+.fancytree-ico-ef span.fancytree-icon {
+ background-position: -64px -16px;
+}
+.fancytree-ico-ef span.fancytree-icon:hover {
+ background-position: -80px -16px;
+}
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-wait span.fancytree-icon,
+.fancytree-statusnode-wait span.fancytree-icon:hover {
+ background-image: url('data:image/gif;base64,R0lGODlhEAAQAPcAAEai/0+m/1is/12u/2Oy/2u1/3C3/3G4/3W6/3q8/3+//4HA/4XC/4nE/4/H/5LI/5XK/5vN/57O/6DP/6HQ/6TS/6/X/7DX/7HY/7bb/7rd/7ze/8Hg/8fj/8rl/83m/9Dn/9Lp/9bq/9jr/9rt/9/v/+Dv/+Hw/+Xy/+v1/+32//D3//L5//f7//j7//v9/0qk/06m/1Ko/1er/2Cw/2m0/2y2/3u9/32+/4jD/5bK/5jL/5/P/6HP/6PS/6fS/6nU/67X/7Ta/7nc/7zd/8Ph/8bj/8jk/8vl/9Pp/9fr/9rs/9zu/+j0/+72//T6/0ij/1Op/1uu/1yu/2Wy/2q0/2+3/3C4/3m8/3y9/4PB/4vE/4/G/6XS/6jU/67W/7HZ/7Xa/7vd/73e/8Lh/8nk/87m/9Hn/9Ho/9vt/97u/+Lx/+bz/+n0//H4//X6/1Gn/1Go/2Gx/36+/5PJ/5TJ/5nL/57P/7PZ/7TZ/8Xi/9Tq/9zt/+by/+r0/+73//P5//n8/0uk/1Wq/3K4/3e7/4bC/4vF/47G/5fK/77f/9Do/9ns/+Tx/+/3//L4//b6//r9/2Wx/2q1/4bD/6DQ/6fT/9Tp/+Lw/+jz//D4//j8/1qt/2mz/5rM/6bS/8Lg/8jj/97v/+r1/1Cn/1ar/2Cv/3O5/3++/53O/8Th/9Lo/9Xq/+z2/2Kw/2Sx/8Ti/4rF/7DY/1+v/4TB/7fb/+Ty/1+u/2Ox/4zG/6vU/7/f//r8/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAQoAMAAsAAAAABAAEAAABptAmFCI6mAsnNNwCUthGomDoYCQoJinyELRgDwUhAFCNFRJGg8P6/VSaQyCgxK2cURMTJioEIA0Jw8geUIZAQMkIhEVLIMwKgMAFx4SGS+NLwwCFR8UGo1CKSgsJBUYLZ9sMCsZF3iDLy2nMCEXGyp5bSqyLBwaHSguQi8sKigqlkIqHb4hJc4lJsdMLSQeHyEhIyXSgy2hxsFLQQAh+QQBCgAAACwAAAAAEAAQAAAHp4AAgoIoH0NCSCiDiwBORDo5Czg3C0BNjCg/Dw46PjwOBwcLS4MrQTs9ICwvL05FODU4igBGPECzi0s4NDyNQT5KjINDAzZMTEBCLMKCTQczQ0lBRcyDODI8SojVAC84MTxMQkVP1SgDMEJPRkS4jB8xM6RKRR/Lwi9HQYJPIB9KTV4MeuHiicBSSkAoYYKiiRMnKw4ucnFiyRKGKJyUq/aChUaDjAIBACH5BAEKAAAALAAAAAAQABAAAAeogACCgm1KZGRmbYOLAG5GXjoPXFsPYIqLbWE7XV1fXjtaWQ9qg25iXmBKby8AKmVcWFyXaBdil4tqWldejWNhpIyCZFZZa2tjZG/BgipYVWRpY2bLg1s0XWpGaNQAL1pTXW1maMrLbVZSYm9oZyrUYVFUpGxoaeWLZzQBOoJvamkm3OCSAsWKiUH+1rBp48bFCxVWaGxb9LBNGxVvVqUBFuzFizculgUCACH5BAEKAAEALAAAAAAQABAAAAi4AAMIFPiHxJEjJPwMXBgAEIg8XijcsUNhzB+GfzjkwYNnSB4KdRzcWTPwzZEhY/i8EfgmhJ0GdhQGIDFGz0WGJuoswBPgzQc9fRgOPDKnQR8/H0K4EErQQQKgIPgwFRioTgE8ffZInRqIztWCfAJN/TOnAAcXJvgAmjpEDgKSf9b4Ectwz5UBd6j68fNnaYBAfvIUEIAgKNU/gN4E+sNgAJw4BvYIfeMiUB8BAAbUMTz1TYU8YRcGBAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBT4qJGIRY0cDVwIAJIIMnnyWABiwYjChY8WGVFExgjELjwsNBroQgSSD40gCXQIJFGXi41AiHjEEECjLg8UNWS06GLND4gSNXrEqESkmgQTGfrgqMRIpAAidVkwpKDPmpF44MgDqVGTo0gdHbqBJJIjR2BrkiG0YCSkRyprMsJBCMhASJEioczbZEihGoaeCtQrgwYOujRoLGBU08IgQYJkzKjBQ/DCSIzy8OgypATDgAAh+QQBCgAAACwAAAAAEAAQAAAIswABCBQIKRMfPmw0DVwIYBObEEiKjBEzJoTChZD4XArB0UyRMBfGtBm4CdOSJW02EeQjxkuYi38wYYLEEEAmDJWMNGyTsKbAS5Us/YHU5o9PgZos7QixSdPFo18eFNkESeXRTV+4FGlo1aemHVvM7ORzFMmCByOXHJgSoiafLTgwCOQjCYqkMCk3/SlCCQvagSEmBRh0gBLcAwe4kF2IaYekKVNoTMLiZWTNTSwtWRqDiWFAACH5BAEKAAIALAAAAAAQABAAAAi5AAUIFOhCBRs2o94MXCjghQpRI/YkQYJkj8KFL0atEcVRVJIOY0KtWKhi1Cg3LwS+YdNhCCg3Kt2oSMlQxZg8IGLSZChA1IU8Khru5PkmjxdRbtgE5TlwCAUknzgxGIoxDw8kQgAMGMVUgJtPnvaQGBAgT1cQDyhwhRCnUxKeazw5GCNwTQFOBsbMfLECyYMGPJYK2INgAAEFDyA0ULDA0xqGbHggKFDgQIIGF7jyfLGmw4ULHdgwDAgAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcqElTK00uBioUuKlVEzYnlixhk3BhC4MO2SxhtIrVCoWbNrnYNLAhKzMgWggMgqTiwhVIiiwBsKQUKTMLB7IhoqpVHhimmuQU2KJInhOpYtxwmdNMHlapZKAiORRAkSCshpQ61arqijxAJNoYMKTqEh95uvagUWjmQjZAUqkSyAZVDVRFWoXUBKLHjiAfBS5hcOqUg1Q+djh44IPNwiZAFtxAtSCHDiJdh55AkmeIGaEKAwIAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcGMgFJEiBBioEUEIJAINuRo36k1AhGldXVhSMyAaTCUgDMVWBMiWNQjeY0pRwIVBHAFdoFgKAxOgMG4avooSRKfCPmTOQNEi5MornwzNIRnWZQqkiTyVFSnRxtYWlUTMa0hSpkuWPUUgcNGDClMVKEaMmwohxA6CLFUolZI7ScCEmgFFcsnBB4nVmCTBeNLAVWCKvlh1dvnjRUSlMUYWjwDzYwuWBji6wBss1U6QImscDAwIAIfkEAQoAAQAsAAAAABAAEAAACLMAAwgUyEfWJxYDEw5sBGEAAAGNXkCCpDAAKwNw4AxgoEIii44LCwnolMfPC4EvVPgxKfDOgCusKr7ws0ZFABOF5IipKJAFHz4vOBSYY5NnAD4jVMgqAOGkUT5J/CxtajRAmiRr9CSIVbQiJFZI/DRyMAeJ0awfKMqaQ2dNRRV6xqQR6MdOLDusEAaAtGbMGCR6A6y54wDCpzxiZCnm0FWgijF3INyhcDhJYIV+wH5I0zhAQAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBRYYkiqVLUYuRjIkE2qGjNkxBA0IwhDgYwU0JhVg1YCGjLMLBzYxFCNBEM0uXDBxkyLlQOBEFLA6CKAlZpaAGBjiBAZmwP//HFhJMGhP0AF/mHjopaCVCOBsmGjqZahLlFtsinxx4yhHZqSurDFaGkiREmS/rnESOeQB6nY2NR0CYRcAH+67AByaWSLlkj6DmQTJFWXWmSMkCFCBkRYhn+MBAESpBbitmpLJLlU4vHAgAAh+QQBCgAAACwAAAAAEAAQAAAIvQABCBS4ZpclS0PWDFwIoI0uHFVu3ZIiiY7ChWpyHTiAowGDK4MCVEEzsA0dLAw4OOHFq00YXFBwqREIBkeumQzN3DqQBkCmOgvKMByYpg0vAGZy7XAydCCvFgA45NLVdGCLFrw40PlytCoLJy0u7bAEtSkvJ21aOLF055JXNkYBwKoEJtPQFmvWMAWwIoyuIWrKunCSJo2Jrg2HXAjDwcwlNCDQpCk7kAWIXUN2wTKDZo2Lqk7YpFGTibLAgAA7');
+ background-position: 0px 0px;
+}
+/* Status node icons */
+.fancytree-statusnode-error span.fancytree-icon,
+.fancytree-statusnode-error span.fancytree-icon:hover {
+ background-position: 0px -112px;
+}
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+span.fancytree-node {
+ /* See #117 */
+ display: inherit;
+ width: 100%;
+ margin-top: 1px;
+ min-height: 16px;
+}
+span.fancytree-title {
+ color: black;
+ cursor: pointer;
+ display: inline-block;
+ vertical-align: top;
+ min-height: 16px;
+ padding: 0 3px 0 3px;
+ margin: 0px 0 0 3px;
+ border: 1px solid transparent;
+ -webkit-border-radius: 0px;
+ -moz-border-radius: 0px;
+ -ms-border-radius: 0px;
+ -o-border-radius: 0px;
+ border-radius: 0px;
+}
+span.fancytree-node.fancytree-error span.fancytree-title {
+ color: red;
+}
+/*------------------------------------------------------------------------------
+ * Drag'n'drop support
+ *----------------------------------------------------------------------------*/
+div.fancytree-drag-helper a {
+ border: 1px solid gray;
+ background-color: white;
+ padding-left: 5px;
+ padding-right: 5px;
+ opacity: 0.8;
+}
+div.fancytree-drag-helper.fancytree-drop-reject {
+ border-color: red;
+}
+div.fancytree-drop-accept span.fancytree-drag-helper-img {
+ background-position: -32px -112px;
+}
+div.fancytree-drop-reject span.fancytree-drag-helper-img {
+ background-position: -16px -112px;
+}
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+ width: 32px;
+ position: absolute;
+ background-position: 0px -128px;
+ margin: 0;
+}
+#fancytree-drop-marker.fancytree-drop-after,
+#fancytree-drop-marker.fancytree-drop-before {
+ width: 64px;
+ background-position: 0px -144px;
+}
+#fancytree-drop-marker.fancytree-drop-copy {
+ background-position: -64px -128px;
+}
+#fancytree-drop-marker.fancytree-drop-move {
+ background-position: -32px -128px;
+}
+/*** Source node while dragging ***********************************************/
+span.fancytree-drag-source {
+ background-color: #e0e0e0;
+}
+span.fancytree-drag-source span.fancytree.title {
+ color: gray;
+}
+/*** Target node while dragging cursor is over it *****************************/
+span.fancytree-drop-target.fancytree-drop-accept a {
+ background-color: #3169C6 !important;
+ color: white !important;
+ /* @ IE6 */
+ text-decoration: none;
+}
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-table {
+ border-collapse: collapse;
+}
+table.fancytree-ext-table span.fancytree-node {
+ display: inline-block;
+}
+/*------------------------------------------------------------------------------
+ * 'columnview' extension
+ *----------------------------------------------------------------------------*/
+table.fancytree-ext-columnview tbody tr td {
+ position: relative;
+ border: 1px solid gray;
+ vertical-align: top;
+ overflow: auto;
+}
+table.fancytree-ext-columnview tbody tr td > ul {
+ padding: 0;
+}
+table.fancytree-ext-columnview tbody tr td > ul li {
+ list-style-image: none;
+ list-style-position: outside;
+ list-style-type: none;
+ -moz-background-clip: border;
+ -moz-background-inline-policy: continuous;
+ -moz-background-origin: padding;
+ background-attachment: scroll;
+ background-color: transparent;
+ background-position: 0px 0px;
+ background-repeat: repeat-y;
+ background-image: none;
+ /* no v-lines */
+ margin: 0;
+}
+table.fancytree-ext-columnview span.fancytree-node {
+ position: relative;
+ /* allow positioning of embedded spans */
+ display: inline-block;
+}
+table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
+ background-color: #CBE8F6;
+}
+table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
+ position: absolute;
+ right: 3px;
+ background-position: 0px -80px;
+}
+table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
+ background-position: -16px -80px;
+}
+/*------------------------------------------------------------------------------
+ * 'filter' extension
+ *----------------------------------------------------------------------------*/
+.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
+ color: silver;
+ font-weight: lighter;
+}
+.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
+.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
+ color: black;
+ font-weight: normal;
+}
+.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
+.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
+ color: black;
+ font-weight: bold;
+}
+.fancytree-ext-filter-hide tr.fancytree-hide,
+.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
+ display: none;
+}
+.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
+.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
+ color: silver;
+ font-weight: lighter;
+}
+.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
+.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
+ color: black;
+ font-weight: normal;
+}
+/*------------------------------------------------------------------------------
+ * 'wide' extension
+ *----------------------------------------------------------------------------*/
+ul.fancytree-ext-wide {
+ position: relative;
+ min-width: 100%;
+ z-index: 2;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+ul.fancytree-ext-wide span.fancytree-node > span {
+ position: relative;
+ z-index: 2;
+}
+ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
+ position: absolute;
+ z-index: 1;
+ left: 0px;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+/*******************************************************************************
+ * Node titles
+ */
+span.fancytree-node {
+ border: 1px solid transparent;
+}
+span.fancytree-node:hover {
+ background-color: #E5F3FB;
+ border-color: #70C0E7;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
+ border-color: #3399FF;
+}
+span.fancytree-node.fancytree-active,
+span.fancytree-node.fancytree-selected {
+ background-color: #F7F7F7;
+ border-color: #DEDEDE;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
+span.fancytree-node.fancytree-active:hover,
+span.fancytree-node.fancytree-selected:hover {
+ background-color: #CBE8F6;
+ border-color: #26A0DA;
+}
+.fancytree-node.fancytree-selected {
+ font-style: italic;
+}
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody tr td {
+ border: 1px solid #EDEDED;
+}
+table.fancytree-ext-table tbody span.fancytree-node,
+table.fancytree-ext-table tbody span.fancytree-node:hover {
+ border: none;
+ background: none;
+}
+table.fancytree-ext-table tbody span.fancytree-title:hover {
+ border: none;
+ background: inherit;
+ background: transparent;
+ background: none;
+ filter: none;
+}
+table.fancytree-ext-table tbody tr:hover {
+ background-color: #E5F3FB;
+ outline: 1px solid #70C0E7;
+}
+table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
+ outline: 1px dotted black;
+}
+table.fancytree-ext-table tbody tr.fancytree-active:hover,
+table.fancytree-ext-table tbody tr.fancytree-selected:hover {
+ background-color: #CBE8F6;
+ outline: 1px solid #26A0DA;
+}
+table.fancytree-ext-table tbody tr.fancytree-active {
+ background-color: #F7F7F7;
+ outline: 1px solid #DEDEDE;
+}
+table.fancytree-ext-table tbody tr.fancytree-selected {
+ background-color: #F7F7F7;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
+ background-color: #CBE8F6;
+ outline: 1px solid #26A0DA;
+}
+table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
+ background-color: #CBE8F6;
+}
diff --git a/dist/skin-win8-n/ui.fancytree.less b/dist/skin-win8-n/ui.fancytree.less
new file mode 100644
index 00000000..71b8a04e
--- /dev/null
+++ b/dist/skin-win8-n/ui.fancytree.less
@@ -0,0 +1,135 @@
+/*!
+ * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+// Borders have NO radius and NO gradients are used!
+
+// both:
+// unselected background: white
+// hover bar (unselected, inactive): #E5F3FB (border: #70C0E7) 'very light blue'
+// active node: #CBE8F6 (border: #26A0DA) 'light blue'
+// active node with hover: wie active node
+
+// Tree view:
+// active node, tree inactive: #F7F7F7 (border: #DEDEDE) 'light gray, selected, but tree not active'
+
+// List view:
+// selected bar: --> active bar
+// focus bar: transparent(white) + border 1px solid #3399FF ()
+
+// table left/right border: #EDEDED 'light gray'
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;
+@fancy-hide-connectors: true;
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-line-height: 16px;
+@fancy-icon-spacing: 3px;
+// Use 'data-uri(...)' to create inline image:
+@fancy-loading-url: data-uri("@{fancy-image-dir}/loading.gif");
+
+/*******************************************************************************
+ * Node titles
+ */
+
+span.fancytree-node {
+ border: @fancy-node-border-width solid transparent; // avoid jumping, when a border is added on hover
+}
+span.fancytree-node:hover {
+ background-color: #E5F3FB;
+ border-color: #70C0E7;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
+ border-color: #3399FF;
+// outline: 1px solid #3399FF;
+}
+span.fancytree-node.fancytree-active,
+span.fancytree-node.fancytree-selected { // active/selcted nodes inside inactive tree
+ background-color: #F7F7F7;
+ border-color: #DEDEDE;
+}
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
+.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
+span.fancytree-node.fancytree-active:hover,
+span.fancytree-node.fancytree-selected:hover {
+ background-color: #CBE8F6;
+ border-color: #26A0DA;
+}
+.fancytree-node.fancytree-selected {
+ font-style: italic;
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+ tr td {
+ border: 1px solid #EDEDED;
+ }
+ span.fancytree-node,
+ span.fancytree-node:hover { // undo standard tree css
+ border: none;
+ background: none;
+ }
+ // Title get's a white background, when hovered. Undo standard node formatting
+ span.fancytree-title:hover {
+ border: none; //1px solid transparent;
+ background: inherit;
+ background: transparent;
+ background: none;
+ filter: none;
+ }
+ tr:hover {
+ background-color: #E5F3FB;
+ outline: 1px solid #70C0E7;
+ }
+ // tr:hover td {
+ // outline: 1px solid #D8F0FA;
+ // }
+ // tr.fancytree-focused {
+ // border-color: #3399FF;
+ // outline: 1px dotted black;
+ // }
+ tr.fancytree-focused span.fancytree-title {
+ outline: 1px dotted black;
+ }
+
+ tr.fancytree-active:hover,
+ tr.fancytree-selected:hover {
+ background-color: #CBE8F6;
+ outline: 1px solid #26A0DA;
+ }
+ tr.fancytree-active { // dimmed, if inside inactive tree
+ background-color: #F7F7F7;
+ outline: 1px solid #DEDEDE;
+ }
+ tr.fancytree-selected { // dimmed, if inside inactive tree
+ background-color: #F7F7F7;
+ }
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+ tr.fancytree-active {
+ background-color: #CBE8F6;
+ outline: 1px solid #26A0DA;
+ }
+ tr.fancytree-selected {
+ background-color: #CBE8F6;
+ }
+}
diff --git a/dist/skin-win8-n/ui.fancytree.min.css b/dist/skin-win8-n/ui.fancytree.min.css
new file mode 100644
index 00000000..449c6d16
--- /dev/null
+++ b/dist/skin-win8-n/ui.fancytree.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio{margin-top:0}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-unselectable span.fancytree-checkbox,.fancytree-unselectable span.fancytree-checkbox:hover{opacity:.4;filter:alpha(opacity=40);background-position:0 -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(data:image/gif;base64,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);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:16px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:16px;padding:0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide{position:relative;min-width:100%;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:absolute;z-index:1;left:0;width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}span.fancytree-node{border:1px solid transparent}span.fancytree-node:hover{background-color:#E5F3FB;border-color:#70C0E7}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#39F}span.fancytree-node.fancytree-active,span.fancytree-node.fancytree-selected{background-color:#F7F7F7;border-color:#DEDEDE}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,span.fancytree-node.fancytree-active:hover,span.fancytree-node.fancytree-selected:hover{background-color:#CBE8F6;border-color:#26A0DA}.fancytree-node.fancytree-selected{font-style:italic}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:0;background:0 0}table.fancytree-ext-table tbody span.fancytree-title:hover{border:0;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr:hover{background-color:#E5F3FB;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#F7F7F7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#F7F7F7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#CBE8F6}
\ No newline at end of file
diff --git a/dist/skin-win8-xxl/ui.fancytree.css b/dist/skin-win8-xxl/ui.fancytree.css
index f3d9582c..49f0474a 100644
--- a/dist/skin-win8-xxl/ui.fancytree.css
+++ b/dist/skin-win8-xxl/ui.fancytree.css
@@ -31,7 +31,7 @@ ul.fancytree-container {
position: relative;
}
ul.fancytree-container ul {
- padding: 0 0 0 16px;
+ padding: 0 0 0 32px;
margin: 0;
}
ul.fancytree-container li {
@@ -47,7 +47,6 @@ ul.fancytree-container li {
background-repeat: repeat-y;
background-image: none;
margin: 0;
- padding: 1px 0 0 0;
}
ul.fancytree-container li.fancytree-lastsib {
background-image: none;
@@ -81,9 +80,10 @@ span.fancytree-drag-helper-img,
}
span.fancytree-icon,
span.fancytree-checkbox,
+span.fancytree-expander,
span.fancytree-radio,
span.fancytree-custom-icon {
- margin-top: 1px;
+ margin-top: 0px;
}
/* Used by iconclass option */
span.fancytree-custom-icon {
@@ -93,8 +93,8 @@ span.fancytree-custom-icon {
img.fancytree-icon {
width: 32px;
height: 32px;
- margin-left: 3px;
- margin-top: 1px;
+ margin-left: 6px;
+ margin-top: 0px;
vertical-align: top;
border-style: none;
}
@@ -169,7 +169,7 @@ span.fancytree-expander {
* Checkbox icon
*----------------------------------------------------------------------------*/
span.fancytree-checkbox {
- margin-left: 3px;
+ margin-left: 6px;
background-position: 0px -64px;
}
span.fancytree-checkbox:hover {
@@ -230,7 +230,7 @@ span.fancytree-checkbox:hover {
* 2nd character (optional): 'f': folder
*----------------------------------------------------------------------------*/
span.fancytree-icon {
- margin-left: 3px;
+ margin-left: 6px;
background-position: 0px 0px;
}
/* Documents */
@@ -287,16 +287,23 @@ span.fancytree-node {
/* See #117 */
display: inherit;
width: 100%;
+ margin-top: 1px;
+ min-height: 32px;
}
span.fancytree-title {
- display: inline-block;
- padding-left: 3px;
- padding-right: 3px;
color: black;
- vertical-align: top;
- margin: 0px;
- margin-left: 3px;
cursor: pointer;
+ display: inline-block;
+ vertical-align: top;
+ min-height: 32px;
+ padding: 0 3px 0 3px;
+ margin: 0px 0 0 6px;
+ border: 1px solid transparent;
+ -webkit-border-radius: 0px;
+ -moz-border-radius: 0px;
+ -ms-border-radius: 0px;
+ -o-border-radius: 0px;
+ border-radius: 0px;
}
span.fancytree-node.fancytree-error span.fancytree-title {
color: red;
@@ -387,7 +394,6 @@ table.fancytree-ext-columnview tbody tr td > ul li {
background-image: none;
/* no v-lines */
margin: 0;
- padding: 1px 0 0 0;
}
table.fancytree-ext-columnview span.fancytree-node {
position: relative;
@@ -439,19 +445,31 @@ table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:h
/*------------------------------------------------------------------------------
* 'wide' extension
*----------------------------------------------------------------------------*/
+ul.fancytree-ext-wide {
+ position: relative;
+ min-width: 100%;
+ z-index: 2;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
ul.fancytree-ext-wide span.fancytree-node > span {
position: relative;
z-index: 2;
}
ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
- position: relative;
+ position: absolute;
z-index: 1;
+ left: 0px;
width: 100%;
- padding-left: 503px;
- margin-left: -500px;
+ margin-left: 0;
+ margin-right: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
/*!
- * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ * Fancytree "Win8" skin.
*
* DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
* the LESS templates.
@@ -464,30 +482,28 @@ ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
/*******************************************************************************
* Node titles
*/
-span.fancytree-node {
+span.fancytree-title {
border: 1px solid transparent;
}
-span.fancytree-node:hover {
- background-color: #E5F3FB;
- border-color: #70C0E7;
+.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
+ border-color: #3399ff;
}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
- border-color: #3399FF;
+span.fancytree-active span.fancytree-title,
+span.fancytree-selected span.fancytree-title {
+ background-color: #f7f7f7;
+ border-color: #dedede;
}
-span.fancytree-node.fancytree-active,
-span.fancytree-node.fancytree-selected {
- background-color: #F7F7F7;
- border-color: #DEDEDE;
+span.fancytree-node span.fancytree-selected span.fancytree-title {
+ font-style: italic;
}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
-span.fancytree-node.fancytree-active:hover,
-span.fancytree-node.fancytree-selected:hover {
- background-color: #CBE8F6;
- border-color: #26A0DA;
+span.fancytree-node:hover span.fancytree-title {
+ background-color: #eff9fe;
+ border-color: #70c0e7;
}
-.fancytree-node.fancytree-selected {
- font-style: italic;
+.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
+.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
+ background-color: #cbe8f6;
+ border-color: #26a0da;
}
/*******************************************************************************
* 'table' extension
diff --git a/dist/skin-win8-xxl/ui.fancytree.less b/dist/skin-win8-xxl/ui.fancytree.less
new file mode 100644
index 00000000..5d20eaeb
--- /dev/null
+++ b/dist/skin-win8-xxl/ui.fancytree.less
@@ -0,0 +1,36 @@
+/*!
+ * Fancytree "Win8" 32x32 skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+// Import standard win8
+@import "../skin-win8/ui.fancytree.less";
+
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;
+@fancy-hide-connectors: true;
+@fancy-level-indent: 32px;
+@fancy-line-height: 32px; // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 1px; // gap between two node borders
+@fancy-icon-width: 32px;
+@fancy-icon-height: 32px;
+@fancy-icon-spacing: 6px; // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 0px; // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px; // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+ul.fancytree-container {
+// font-family: tahoma, arial, helvetica;
+ font-size: 20pt;
+ padding: 6px;
+}
\ No newline at end of file
diff --git a/dist/skin-win8-xxl/ui.fancytree.min.css b/dist/skin-win8-xxl/ui.fancytree.min.css
index a5f1d643..cba67e37 100644
--- a/dist/skin-win8-xxl/ui.fancytree.min.css
+++ b/dist/skin-win8-xxl/ui.fancytree.min.css
@@ -3,9 +3,9 @@
*
* DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
* the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;white-space:nowrap;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:32px;height:32px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:32px;height:32px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -128px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-32px -128px}.fancytree-exp-c span.fancytree-expander{background-position:0 -160px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-32px -160px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -192px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-32px -192px}.fancytree-exp-cd span.fancytree-expander{background-position:-128px -160px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-160px -160px}.fancytree-exp-cdl span.fancytree-expander{background-position:-128px -192px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-160px -192px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-64px -160px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-96px -160px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-64px -192px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-96px -192px}span.fancytree-checkbox{margin-left:3px;background-position:0 -64px}span.fancytree-checkbox:hover{background-position:-32px -64px}.fancytree-partsel span.fancytree-checkbox{background-position:-128px -64px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-160px -64px}.fancytree-selected span.fancytree-checkbox{background-position:-64px -64px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-96px -64px}.fancytree-unselectable span.fancytree-checkbox,.fancytree-unselectable span.fancytree-checkbox:hover{opacity:.4;filter:alpha(opacity=40);background-position:0 -64px}.fancytree-radio span.fancytree-checkbox{background-position:0 -96px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-32px -96px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-128px -96px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-160px -96px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-64px -96px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-96px -96px}.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -96px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-64px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-96px 0}.fancytree-ico-e span.fancytree-icon{background-position:-128px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-160px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -32px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-32px -32px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-64px -32px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-96px -32px}.fancytree-ico-ef span.fancytree-icon{background-position:-128px -32px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-160px -32px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(data:image/gif;base64,R0lGODdhIAAgAOYAAAAAACue/zGf/yqg/yWh/0Ol/zum/02m/1Cn/1Wp/02q/0Sr/1ut/2Gv/1ew/16w/2Sy/2y1/3G3/265/3S6/3y9/4G//4i//37C/4TC/4zF/5HH/47J/5TJ/8zM/5zN/6HP/57R/6TS/6zV/7HX/6zY/7TZ/6Xa/7zd/8Hf/77h/8Ti/7Tj/8zl/9Hm/8Lp/87p/9Tq/9vt/+Lu/83y/97y/+Ty/9P1/+z1//P2/9z4/+76//X7/+T8/3///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4Q4PzIrKCaLKjE8OISRkoQrMTUrJiMimyMoNS4ok6I/NiuaIh0aFhWsFhodHx0oMzyigzY2PDQnGRS+FBMRERAPDhMcKjsyMrY4MiklHxkVvxjWwBAMDxAVHSMuNpM2Mj0l0xkcHyKLKIojHxoUDwoLGTctzISk0B3THSo6dvwYOJBHj10UFCiIkGFEjB2FfpjIkKGDCBIrZPAgSBBHDBPwICgwoKFHPkEtbojQoKGEyRi2gKxImaFAAQosTAwCxaKDRRQyIMUEgqPFhwkJEmDQQAIIDxkmQmj48KIFzKGCTIWAUCCBhhY2fuwwkWpEj3BYB8GAUUFAAAsw/3bYiDHCJwoetdIKwtFDw4AAEUZUMgVrxUC9gn7w+GAgQIMPI2CsEKEOxmHEA0csIOBVRIvJ61oYQgzkBw4UHy5sMDHTlIgXjUjvJefi4Y8Yrl+gcCFb0EbFG2W00FRixWjZBPEShbrJ8g/kHBPzMCX4EWmOl3nYaIGiUw0ZaLFy3JgXiPAbjMCWt1UQL3lCNnaYMmEZR/hJvx/h+B0RxqJKMcxgyHODtIeXfQMSmJhHkrXTQg8D5SDUfgTJZcN+/BViSAyKoGDVOOCBF599uORCEH7OxPDZCjM9hNcO3y1zIV6XTYJDDorVIFkLVskQw48y/lbjKNr56OOPSMo44xSQQ11oWoklCmRdbwXhQKKVGYoSCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOENjYxLSgoJiYtLYaEkZKRMjItK4wjJigrMTGToEA4NisoIh8dGhoZrKyqIiQ1NqGDNjKLqKqtFhW9GR8jMTK0tiYjqB3JHR/MH6oU0BUaHS3DkzIxIyLKHyAiI+DHHb3RGistkqO4zCLnNjjwPKO3JhkVERQZHTKzg6PG7Ea0iIGDx4+DP+AlWhUhQoUMLqwJuiSiYjCJoS7ZgxAhhAhCpSya4EdLkCUNFiBAWCboX4lvLVyUjERCRASOFar903ZxJqFFN/FVqwRu0zuftWLcYwBhE7aiKAoibSnDQgSmmhAxQtHC4FQgCTVQSMDggwitJs55nRq2AtllnscYnfsqKOxYBsuwLZpLV57YtyL0pm0hdeohCgwOJBBhosYtFCkI8/g6w8XVAwxGoJB3iROkqS1SQEiQAEInzqVWyJjxNcaKqw0iVBPkacU5gpNLHpSnwkRFQpUuDYQ3EyEPRIsIwUPkqNK7g4QQ/uBBvTqPHISoe4IBQ5gh6tGlV5eeDgc2T5WcG4KXI8d1gwhBwavkSZj6d/Dyw4ce6rqt9JXIYgh+1PFHC3U2zACgDALiVxB8X1Wn33g/0DXIbvI8WGCFoQQCACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4Q4NjIxK4orLTE2OISRkpEziC0omCiMMjKTnkA5OC0rJCMiHx8dqqqoIyaPn4OGKyimqasbGrodIiacsYYpKKcixSIjpqcdGcwZHyIxnZOHKCStyCbZ2ae6FhYaH42SobTIro04ODk8PIYytB0aFRkdIDKQsjbC2CjR6z8Af6QblapCBQ0dYswgFCNGNkwybMQSFKOFBgsUKiAj1KLFwxWwJiJaRoHCM0HkUJjoJ23iIJUVKHxzlI4WxIUuB9GKOS/aIZsr1OUcdCgDhQgUNP3U1GLdUEGG5CFdyYlWIx4/ngIRuAxChGOIFF3N+lTghwxen3Ea1VGrIK4V1SBAeFapYwsXbrfikCf3wwgbNiq6iMFOKw4ZGSI8gDAChaEYLgY7fRq4guIIK3nkaDg4ndZaEBhAoNBCBruGDT0/NcUgAdLSggA35FR4oosVFCAkYKBhAyHZ0WTkyOEyhYkIrRl0+EBI8yFOgNUBJPSDx4wWuQ8cgFBB3CB2MypBx8GO7NsfNlogP5CAQoZo49zNiJ5uOFaAhy0zwLzCE3jA9KVTHkA82CBPRivg9Qk76TSYzg7slMdDRW1NhJ+DD0aIFQ+c/FJWQBoOmNd5BIY43SeBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEODgyMi2KLYiGhI+QjzY2MTErlyuViJGcQDw4MS0oKCYjIqeoIyMoKzY4nYOGoSalpqgfuCImKDI2sIYtK6S0xLSmuB0dHyIjvZw4NsLEoygpKaOqyMoiMTKQPDmK1CrdhjznnzbBHx0aGh8jroQ5OMGjl4jnP/s/4KEiH9x1AOFsECJMLSbBEhTqw4YMGnYRqoTQ0UIZMUB8yJBBlSB/wRjNWPhImAaIHXp9CqVIHslBwU5m6BDDFSVFMc69jCUjYIUMKFpAC9VN504g0HwCbUWpmwweP456whGQAoURJiZpehr16A8cIDRYxarVqVRBX8OOzdp009lPAcslXDVhCFG+rjuhaagQgcKuT3ZnGN1pQ8bevqzOFUaUg4dUUhEgULBQlMeMGb1w5JBKQkRkChlqCjI0yRzeTpYyUIAAQVkhaK5wDO4kjC+ECCFEEDpnqLdsqF37QUMxogKFBw8iVHDhbZBw3/r2jT4UYwSI1QwgVNBQcDePHTsa61NcNQIDBgkSKGfFad9vdP122Nh7Pv35n5lg7YMvPMYEBgcckN1MLcRA0n7RrXRcen0t091L/AgHEDMruGCRVBF+YsouMQh2GiGBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEOTk2NjIxi4g4OISQkZCOM4ouLS0yMoiSnUA8OYotKyilJqeoKCstjp6DOTiKpCiopyO3JqqcnrCLoysrKsDAtCQjIsi5m52OMZjDq5ijpbfIIyYxMpE8PJrSmTM43OPNLccfH9c2j4Pcoi2MNtw/9D+giiYj6CIj64SIi7K1cgVE0bEOH1QRmjFjkSYcOQgCSURCRIcOuQS5UxRjoERBwC5+ALFp4yKIHwc5+yAyxgwesTTJ45FSEA4bIDpo6LAiBixNJX/UBALLogYNq2AimmGD3tAfO/Rl0JBLKaKmQmtCHQEiQ4ZcsBqxexr1g9droMQO1YhDagYSJtG4XcXhtOahDxoqZEDRQm6juiljdcigd5U9mOIAfyRVgUIFDS7piZuXNSWtxhk2xLChcRxliTJaaMjg+IMIQp551JM4irDjW6jH1eMRwwVT1fZu0tJgIUIEC5C1DaKHOzcwF5sdxYphQkTjCBQ0fFgGCXe3FREgQD96lLBvCBAer+o0uwWKBgkYQHBMgYKE7OAj7Mzkyh4KERASHDiAIEF6BupF0IEIyElk3wgSQMCAf/+B55gIJFAnkSOjHIRQOibA49FH9iiCQkXWKCNPZZAEAgAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPDw4NjKKMjY4joSQkZA5OTaJizONOJKcQIaIMaEtK6SlpDAxj52Chpaio6QosrItMY2rhjOKobwxLb8rKSgmxKS3kjw5u73Mo7LEKCuMka2Xio2G2Z8yMbIjIygpqqw8NrqL2Dw/6z+Giiso3yYox4KO5paUq4K6JiMiIla0IHTPkg1D+4BYGgYwGrmC4xIC+QVwhIl0jjLmkDgoFEARIzA62qGOoz0bJER8EFHrkyN1P0wCyYHDhMoPLV3ClPljh78OH6K1y5ZjHU8e8Tp0EKqNh0xWOJIuXZFt6FNPNUcojVbVkFGTlVRq6CBQXVOnJhGB6DC2FrtDiLxkyBylIYOGD4zWuZPxSya8ukBlbALCTUOFCBRWxEjI7cOGDBlAEuJ7mAEEEysSumjBFjKxyS0oQDhwIEIFcOlctkDBtkKFu7ZAH05wgEEEECNiMMqYaFhd1x1ACI4ET3SCBJYrZFD6ga3hChQotF0sKcaKDBQYaLdNQTlk19G7B9e9ajPbCBDSq4cQAXGFD7nl7tM14kMFCejVI6Zg12K9fY744g8IH6xEggkuCDYYR7nI4E1F0TBSkiSBAAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPDw4ODaKNoiGhI+Qj4aIi4qIOJGZQD8/lDYyMjGioy0tojk8moM/h4mgo6KlpS4xiKqcnjWgu68uLSvALS62kayelZWhpSsqKy2MkJOX04bVk5+/KCjOODmFPDvT3Tmc5aw8iqXa28SC1Zc8P6qCiisoJiii3zyoOJzzQBLZM2GilDtr8eQBHBSKID5GCBMuHPTJIQqI5spNFJQDBwoSI0zIsFEt40Ygh+6NGBFDBj94/zayWmFChIhSikSNjDlxZk0RzkiIoEBBwwd/J1nds+lsxAcIDCpoQCqTB4oRTFvUTHCAAQUZmDZ2rPnhZoyrXBlEiGHjZCKsZchpxVgRgUECBiNQnIzR4kOHDyNGymhBAcJdECNO/vKLGBoQDRkSJIhQYUUMgJ9E+O2Aj5BfuxAobAMoCkSH06MH8S3MAEKFDCZWMDLX8ReIDxqMihhJyEaMDIUfRKAQcuS0T/Y65NYgYoRjQvYqSIAAYXjuDyCy+82dIUMHEC0z8dVQIQJ1ylI1bODePYMGxLw1xYBhmmiE+0QpVHjNXKQMzDIIBVkF+e3X3V8PhQUQIqJos1Jz27TUzkKcYEMTCSTE9gwO8WQSCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEPIaGOIk4h4SNjo2HipKGj5VAPz+IkjY2MzKfMjaLPJaDmJmKopyeoJyUlpiHOZI4nDagMjExn4mVp4Y5O7S1rLm6Mb2QmTzLh6exiLfHuq+CODvOmdrPy4m5Li0tyKSDJijizJil1jjhKy2fhCIiKCs4OerriTEtKyu6gmS0iNAAQoR/6xrdWlGvhagYKyAkSABhhYuEhDgxTLFCFIoRDA4wiBDDBsZBPNqlQIEiFAkRCQ40oCADx0lBhvqZ+ySiA4MEFDLYIHcyEz9zuj74BKph0c1LPI6aSLq0QlOiGDPpnBqj50+rQ59qRWHChIsYJkZAYCAhQw2bN8ZnkR0xYhfZtREqhHpaCwWJEVNztaAQwaC5p7lGiCCBQpTAChIMLn7KT7E5UYKUQoBgFV7CW2nnoUhBSHFhChbeJUw8T4TqQbk0VIgQIcOGeqIO8ZhVWcSHD4AxD7rVIQPhChl2ikplo5/v35fhEuqnwQIFCsg7fBBBV7HvDuC5x3uU64PsCtg1aND+G7x74Cb2Wkr8IUOF+xYy6FevXflnGx91oIF+BPK3HUfCJTRLLgz9VdY7odwj1g+3hFMWS+Lk9kMlgQAAIfkECQoAQAAsAAAAACAAIAAAB/+AQIKDhDw/hz88ioqHhI6PjoyHi5SQlkAymTI4i4k8OTihooaXgy2nLaGMiqCiODuKpS4rFRQVGjaSrKI2vb2xkCsmEQ0RFZuGnq04vTO9OTmPMzEZFAkHDBEtuYiTiswzmb88hDEtFBAHBxAULTLJiLu9mrnkgx8dDAnZJimlgp8yxYhhAwehDRr0RaCwwsU/IIoExnAmSMY5CPtEjHhIKFQMFwMjtpDQgAGEESg4DvLookWMHDxQDHtgjKBKgDnMtXBR0MQICDQzbLoJkcfHUwVHfIAAoUIHTkQTyYixwp0NEUshZHj6IyqPqStWZMIaQesHqDcTmUOhIoaMESLYIkTYilal2hYoUGSSScEYLoM3P7VIkVfGjBUo+t4aehMUYrYybEzNUKsCihVEJee9HGqahsomUt6cKpNzNCAgPlCgoKGD24fMEJswcYoQ3FoZNLh8qHm2iYGEbMTo8Hnrh6qqKPHoPWJE6IIda4DokMFC68u9XIWa6rO56UfmiFuwruGDRt8+RYAQISJ0ZEtTU2eYb3x9c/YfzItAkQL6pUwmiECcBhps0MGB+bGHHWClMCNTagdGmB8IziF32kM87CBZC4/lVVVkwNj1AzPmhBWWSwWRAkkgACH5BAkKAEAALAAAAAAgACAAAAf/gECCg4QyMSYjIyQ4PI0/P4SRkpEtKyIiHyM2jo2TnkA2Mh8aFBEJCQ8UMYyPjTyPn4MxLR0ZEAwHBwwTq62unZ+zGRUMDKfFFRoyOL6uzJCTLSgVpgnFERQaH5uPP405OKySNjEaFbcQEZkxy6zd3uHxsIMyLRYSD6kVIyg2z76P4sV7RUhEiAjpKqBYEUsQPBw2/OEg9KEDBAgUMrSI0RBIQIgSBRkalm6EiY6EwIWSMeOVDBgZKGA0kQLlIB45ZOhs+WMFilLJZNiwKaiRTp3hUJgAqsEfUSCNZhwNh4hCtg/MnnqTGiOGPxMirG4QkZXoVkNecYAVSxaaTW860rtGrJoNRNm3POJ6teFzmIYOTokanZVW2rAMHZY9xdm1RQt/M2KMyqBhRYunER1vzMEjVMUMGRY+1bnCcgzOgkaIAN0BhNCO4SqVZkfIhAkNGTZ8oN0wc+kVOgl57qCBwwcRLZb9chWqtIrSLcIRgjjiA4e/H1akZbQjHmkUCzcykmQIU4cOH0CYBF9aqW3bCwOPk6G6IvpLJt+XyG/CsvxJoSiFyQcfhHAJfraJN1FDEFVS33EHJgIeO+OhhFMoLshmWlrAvPUDRIZollw7BE0SCAAh+QQJCgBAACwAAAAAIAAgAAAH/4BAgoOEMjIoJiIfHyImKDEyPDyElJWDLS0mIx2cHSIjKy04OJaWNjIiHRUUEBAMr7AQFCMoPD+lhTEfHRGurwnABwcJECK1t7gyLR0Zva0QERWrEq4JDSgukj/IlS0rGRWtEdEVGxsaGRS9ESuR29yDpx8aEhEUFY0yNjajpzErK3Bo+2ELnowYGyyMy6DBEY4ckiThsOEiRo5tBbcRIjFiVYUMoXANshUxIiFFqxi2kCFSUMmSgk510HDPUUtKEXfsEMjDBsJ0FVCsuElI0k4cO2x5A5ehgwxSRF3yOCrwxwoU4DR84BdV6k5+khBlaCpCYFcgBCfyE2jCxNgPI8zMdk27b21bDRpAxJ0094dafjsQ4dUrN+q2v6O84fVkI8dZSfsMjYqxTEMHEFy7Qj71dIc8Th9axDg76qAhyDJA7OoQsutkSJH4miDB6ZO+m6Vj6N5HCAWKXYwg4cahezfUmDVGKIJrYuXLiBN1Y3IRm9BETYs+ieZZcuJBTKKrUzKkScQnWqHAewMIcPtxSjZqIDL/qa1Q9r7v6x4lct9VTSOMYF9+KawAyUPDudACIm0N6Fsop/F1k0T+KBjeUzydhZF3xUEClkaWBAIAIfkECQoAQAAsAAAAACAAIAAAB/+AQIKDhDYyKygjIiIjJigyNjw8hJSVgzExKCYiHx8gjS0xODiWljg2JCIaGRQUEa8QrxQVHyKQpYQyMSMfGRWwEMEPD7EZHaG4QLofHRWtsxUZ0hUSEQwMCQwUGSsupTEtHazQGhod5xu+ENgJEBQmK5U4MpwV0RqOkKOjuiMg1gcSRKjQQkYhGR802DOHYsWoHxB5nErk6sABdwUJmTAhzRyyZEBSmLA2MOMgRdI6fIhhEGSLFNQqaGApyBCzDBpQpABJqUVBGZIk2UynYUULnrlsjOIB8Qe4Dhw6gJBBCqmgoE0htljRQUMtpVavZv3BFNE5ESZwTArblGlTsx3N0KoNC6StJIiImI1AkeMH3YhBy6LQm9YvW7I5lvIA10nuWqsR90mK4YKTCBJz2UqU/OOUokWY6Erap7azDROffdLdpxQHREEpUCxyZMMGT6G1WxPauqiRjBm3eeTWPWgi6r0rfgcOzE+Gc0iSCI2KPaIRCpZql29+DimS4YOaNqJoGIqlLkzoned4TOkUoo2OyLdw4QJTfUzK2cuz4WLreJ0rBDhffdDpZ4lEmASoggoBGnVfDLVFh9RotXHXXWB//ZBYhc7NoJRb31ESCAA7);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -224px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-64px -224px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-32px -224px}#fancytree-drop-marker{width:64px;position:absolute;background-position:0 -256px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:128px;background-position:0 -288px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-128px -256px}#fancytree-drop-marker.fancytree-drop-move{background-position:-64px -256px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -160px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-32px -160px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}/*!
- * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;white-space:nowrap;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 32px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:32px;height:32px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio{margin-top:0}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:32px;height:32px;margin-left:6px;margin-top:0;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -128px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-32px -128px}.fancytree-exp-c span.fancytree-expander{background-position:0 -160px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-32px -160px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -192px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-32px -192px}.fancytree-exp-cd span.fancytree-expander{background-position:-128px -160px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-160px -160px}.fancytree-exp-cdl span.fancytree-expander{background-position:-128px -192px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-160px -192px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-64px -160px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-96px -160px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-64px -192px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-96px -192px}span.fancytree-checkbox{margin-left:6px;background-position:0 -64px}span.fancytree-checkbox:hover{background-position:-32px -64px}.fancytree-partsel span.fancytree-checkbox{background-position:-128px -64px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-160px -64px}.fancytree-selected span.fancytree-checkbox{background-position:-64px -64px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-96px -64px}.fancytree-unselectable span.fancytree-checkbox,.fancytree-unselectable span.fancytree-checkbox:hover{opacity:.4;filter:alpha(opacity=40);background-position:0 -64px}.fancytree-radio span.fancytree-checkbox{background-position:0 -96px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-32px -96px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-128px -96px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-160px -96px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-64px -96px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-96px -96px}.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -96px}span.fancytree-icon{margin-left:6px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-64px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-96px 0}.fancytree-ico-e span.fancytree-icon{background-position:-128px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-160px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -32px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-32px -32px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-64px -32px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-96px -32px}.fancytree-ico-ef span.fancytree-icon{background-position:-128px -32px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-160px -32px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(data:image/gif;base64,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);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -224px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:32px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:32px;padding:0 3px;margin:0 0 0 6px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-64px -224px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-32px -224px}#fancytree-drop-marker{width:64px;position:absolute;background-position:0 -256px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:128px;background-position:0 -288px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-128px -256px}#fancytree-drop-marker.fancytree-drop-move{background-position:-64px -256px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -160px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-32px -160px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide{position:relative;min-width:100%;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:absolute;z-index:1;left:0;width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}/*!
+ * Fancytree "Win8" skin.
*
* DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
* the LESS templates.
- */span.fancytree-node{border:1px solid transparent}span.fancytree-node:hover{background-color:#E5F3FB;border-color:#70C0E7}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#39F}span.fancytree-node.fancytree-active,span.fancytree-node.fancytree-selected{background-color:#F7F7F7;border-color:#DEDEDE}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,span.fancytree-node.fancytree-active:hover,span.fancytree-node.fancytree-selected:hover{background-color:#CBE8F6;border-color:#26A0DA}.fancytree-node.fancytree-selected{font-style:italic}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:0;background:0 0}table.fancytree-ext-table tbody span.fancytree-title:hover{border:0;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr:hover{background-color:#E5F3FB;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#F7F7F7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#F7F7F7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#CBE8F6}ul.fancytree-container{font-size:20pt;padding:6px}
\ No newline at end of file
+ */span.fancytree-title{border:1px solid transparent}.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title{border-color:#39f}span.fancytree-active span.fancytree-title,span.fancytree-selected span.fancytree-title{background-color:#f7f7f7;border-color:#dedede}span.fancytree-node span.fancytree-selected span.fancytree-title{font-style:italic}span.fancytree-node:hover span.fancytree-title{background-color:#eff9fe;border-color:#70c0e7}.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title{background-color:#cbe8f6;border-color:#26a0da}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:0;background:0 0}table.fancytree-ext-table tbody span.fancytree-title:hover{border:0;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr:hover{background-color:#E5F3FB;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#F7F7F7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#F7F7F7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#CBE8F6}ul.fancytree-container{font-size:20pt;padding:6px}
\ No newline at end of file
diff --git a/dist/skin-win8/ui.fancytree.css b/dist/skin-win8/ui.fancytree.css
index 7de5dbc4..8e68daa6 100644
--- a/dist/skin-win8/ui.fancytree.css
+++ b/dist/skin-win8/ui.fancytree.css
@@ -1,5 +1,5 @@
/*!
- * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ * Fancytree "Win8" skin.
*
* DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
* the LESS templates.
@@ -47,7 +47,6 @@ ul.fancytree-container li {
background-repeat: repeat-y;
background-image: none;
margin: 0;
- padding: 1px 0 0 0;
}
ul.fancytree-container li.fancytree-lastsib {
background-image: none;
@@ -81,9 +80,10 @@ span.fancytree-drag-helper-img,
}
span.fancytree-icon,
span.fancytree-checkbox,
+span.fancytree-expander,
span.fancytree-radio,
span.fancytree-custom-icon {
- margin-top: 1px;
+ margin-top: 2px;
}
/* Used by iconclass option */
span.fancytree-custom-icon {
@@ -94,7 +94,7 @@ img.fancytree-icon {
width: 16px;
height: 16px;
margin-left: 3px;
- margin-top: 1px;
+ margin-top: 2px;
vertical-align: top;
border-style: none;
}
@@ -287,16 +287,23 @@ span.fancytree-node {
/* See #117 */
display: inherit;
width: 100%;
+ margin-top: 0px;
+ min-height: 20px;
}
span.fancytree-title {
- display: inline-block;
- padding-left: 3px;
- padding-right: 3px;
color: black;
- vertical-align: top;
- margin: 0px;
- margin-left: 3px;
cursor: pointer;
+ display: inline-block;
+ vertical-align: top;
+ min-height: 20px;
+ padding: 0 3px 0 3px;
+ margin: 0px 0 0 3px;
+ border: 1px solid transparent;
+ -webkit-border-radius: 0px;
+ -moz-border-radius: 0px;
+ -ms-border-radius: 0px;
+ -o-border-radius: 0px;
+ border-radius: 0px;
}
span.fancytree-node.fancytree-error span.fancytree-title {
color: red;
@@ -387,7 +394,6 @@ table.fancytree-ext-columnview tbody tr td > ul li {
background-image: none;
/* no v-lines */
margin: 0;
- padding: 1px 0 0 0;
}
table.fancytree-ext-columnview span.fancytree-node {
position: relative;
@@ -439,16 +445,28 @@ table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:h
/*------------------------------------------------------------------------------
* 'wide' extension
*----------------------------------------------------------------------------*/
+ul.fancytree-ext-wide {
+ position: relative;
+ min-width: 100%;
+ z-index: 2;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
ul.fancytree-ext-wide span.fancytree-node > span {
position: relative;
z-index: 2;
}
ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
- position: relative;
+ position: absolute;
z-index: 1;
+ left: 0px;
width: 100%;
- padding-left: 503px;
- margin-left: -500px;
+ margin-left: 0;
+ margin-right: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
/*******************************************************************************
* Styles specific to this skin.
@@ -458,30 +476,28 @@ ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
/*******************************************************************************
* Node titles
*/
-span.fancytree-node {
+span.fancytree-title {
border: 1px solid transparent;
}
-span.fancytree-node:hover {
- background-color: #E5F3FB;
- border-color: #70C0E7;
+.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
+ border-color: #3399ff;
}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
- border-color: #3399FF;
+span.fancytree-active span.fancytree-title,
+span.fancytree-selected span.fancytree-title {
+ background-color: #f7f7f7;
+ border-color: #dedede;
}
-span.fancytree-node.fancytree-active,
-span.fancytree-node.fancytree-selected {
- background-color: #F7F7F7;
- border-color: #DEDEDE;
+span.fancytree-node span.fancytree-selected span.fancytree-title {
+ font-style: italic;
}
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
-.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
-span.fancytree-node.fancytree-active:hover,
-span.fancytree-node.fancytree-selected:hover {
- background-color: #CBE8F6;
- border-color: #26A0DA;
+span.fancytree-node:hover span.fancytree-title {
+ background-color: #eff9fe;
+ border-color: #70c0e7;
}
-.fancytree-node.fancytree-selected {
- font-style: italic;
+.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
+.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
+ background-color: #cbe8f6;
+ border-color: #26a0da;
}
/*******************************************************************************
* 'table' extension
diff --git a/dist/skin-win8/ui.fancytree.less b/dist/skin-win8/ui.fancytree.less
new file mode 100644
index 00000000..43ab5290
--- /dev/null
+++ b/dist/skin-win8/ui.fancytree.less
@@ -0,0 +1,147 @@
+/*!
+ * Fancytree "Win8" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+// Borders have NO radius and NO gradients are used!
+
+// both:
+// unselected background: white
+// hover bar (unselected, inactive): #E5F3FB (border: #70C0E7) 'very light blue'
+// active node: #CBE8F6 (border: #26A0DA) 'light blue'
+// active node with hover: wie active node
+
+// Tree view:
+// active node, tree inactive: #F7F7F7 (border: #DEDEDE) 'light gray, selected, but tree not active'
+
+// List view:
+// selected bar: --> active bar
+// focus bar: transparent(white) + border 1px solid #3399FF ()
+
+// table left/right border: #EDEDED 'light gray'
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true;
+@fancy-hide-connectors: true;
+
+@fancy-line-height: 20px; // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 0px; // gap between two node borders
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-icon-spacing: 3px; // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 2px; // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px; // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+
+// @fancy-icon-width: 16px;
+// @fancy-icon-height: 16px;
+// @fancy-line-height: 16px;
+// @fancy-icon-spacing: 3px;
+// Use 'data-uri(...)' to create inline image:
+@fancy-loading-url: data-uri("@{fancy-image-dir}/loading.gif");
+
+/*******************************************************************************
+ * Node titles
+ */
+
+span.fancytree-title {
+ border: @fancy-node-border-width solid transparent; // avoid jumping, when a border is added on hover
+}
+.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
+ border-color: #3399ff;
+}
+span.fancytree-active span.fancytree-title,
+span.fancytree-selected span.fancytree-title { // active/selcted nodes inside inactive tree
+ background-color: #f7f7f7;
+ border-color: #dedede;
+}
+span.fancytree-node span.fancytree-selected span.fancytree-title {
+ font-style: italic;
+}
+span.fancytree-node:hover span.fancytree-title {
+ background-color: #eff9fe; // hover is always colored, even if tree is unfocused
+ border-color: #70c0e7;
+}
+.fancytree-container.fancytree-treefocus {
+ span.fancytree-active span.fancytree-title,
+ span.fancytree-selected span.fancytree-title {
+ background-color: #cbe8f6;
+ border-color: #26a0da;
+ }
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table tbody {
+ tr td {
+ border: 1px solid #EDEDED;
+ }
+ span.fancytree-node,
+ span.fancytree-node:hover { // undo standard tree css
+ border: none;
+ background: none;
+ }
+ // Title get's a white background, when hovered. Undo standard node formatting
+ span.fancytree-title:hover {
+ border: none; //1px solid transparent;
+ background: inherit;
+ background: transparent;
+ background: none;
+ filter: none;
+ }
+ tr:hover {
+ background-color: #E5F3FB;
+ outline: 1px solid #70C0E7;
+ }
+ // tr:hover td {
+ // outline: 1px solid #D8F0FA;
+ // }
+ // tr.fancytree-focused {
+ // border-color: #3399FF;
+ // outline: 1px dotted black;
+ // }
+ tr.fancytree-focused span.fancytree-title {
+ outline: 1px dotted black;
+ }
+
+ tr.fancytree-active:hover,
+ tr.fancytree-selected:hover {
+ background-color: #CBE8F6;
+ outline: 1px solid #26A0DA;
+ }
+ tr.fancytree-active { // dimmed, if inside inactive tree
+ background-color: #F7F7F7;
+ outline: 1px solid #DEDEDE;
+ }
+ tr.fancytree-selected { // dimmed, if inside inactive tree
+ background-color: #F7F7F7;
+ }
+}
+
+table.fancytree-ext-table.fancytree-treefocus tbody {
+ tr.fancytree-active {
+ background-color: #CBE8F6;
+ outline: 1px solid #26A0DA;
+ }
+ tr.fancytree-selected {
+ background-color: #CBE8F6;
+ }
+}
diff --git a/dist/skin-win8/ui.fancytree.min.css b/dist/skin-win8/ui.fancytree.min.css
index 13534f88..ab3c08ea 100644
--- a/dist/skin-win8/ui.fancytree.min.css
+++ b/dist/skin-win8/ui.fancytree.min.css
@@ -1,6 +1,6 @@
/*!
- * Fancytree "win8" skin (highlighting the node span instead of title-only).
+ * Fancytree "Win8" skin.
*
* DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
* the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-unselectable span.fancytree-checkbox,.fancytree-unselectable span.fancytree-checkbox:hover{opacity:.4;filter:alpha(opacity=40);background-position:0 -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(data:image/gif;base64,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);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}span.fancytree-node{border:1px solid transparent}span.fancytree-node:hover{background-color:#E5F3FB;border-color:#70C0E7}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#39F}span.fancytree-node.fancytree-active,span.fancytree-node.fancytree-selected{background-color:#F7F7F7;border-color:#DEDEDE}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,span.fancytree-node.fancytree-active:hover,span.fancytree-node.fancytree-selected:hover{background-color:#CBE8F6;border-color:#26A0DA}.fancytree-node.fancytree-selected{font-style:italic}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:0;background:0 0}table.fancytree-ext-table tbody span.fancytree-title:hover{border:0;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr:hover{background-color:#E5F3FB;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#F7F7F7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#F7F7F7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#CBE8F6}
\ No newline at end of file
+ */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio{margin-top:2px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:2px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-unselectable span.fancytree-checkbox,.fancytree-unselectable span.fancytree-checkbox:hover{opacity:.4;filter:alpha(opacity=40);background-position:0 -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(data:image/gif;base64,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);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:0;min-height:20px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:20px;padding:0 3px;margin:0 0 0 3px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide{position:relative;min-width:100%;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:absolute;z-index:1;left:0;width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}span.fancytree-title{border:1px solid transparent}.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title{border-color:#39f}span.fancytree-active span.fancytree-title,span.fancytree-selected span.fancytree-title{background-color:#f7f7f7;border-color:#dedede}span.fancytree-node span.fancytree-selected span.fancytree-title{font-style:italic}span.fancytree-node:hover span.fancytree-title{background-color:#eff9fe;border-color:#70c0e7}.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title{background-color:#cbe8f6;border-color:#26a0da}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:0;background:0 0}table.fancytree-ext-table tbody span.fancytree-title:hover{border:0;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr:hover{background-color:#E5F3FB;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#F7F7F7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#F7F7F7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#CBE8F6}
\ No newline at end of file
diff --git a/dist/skin-xp/ui.fancytree.css b/dist/skin-xp/ui.fancytree.css
index a040586a..ceec0045 100644
--- a/dist/skin-xp/ui.fancytree.css
+++ b/dist/skin-xp/ui.fancytree.css
@@ -47,7 +47,6 @@ ul.fancytree-container li {
background-repeat: repeat-y;
background-image: none;
margin: 0;
- padding: 1px 0 0 0;
}
ul.fancytree-container li.fancytree-lastsib {
background-image: none;
@@ -81,9 +80,10 @@ span.fancytree-drag-helper-img,
}
span.fancytree-icon,
span.fancytree-checkbox,
+span.fancytree-expander,
span.fancytree-radio,
span.fancytree-custom-icon {
- margin-top: 1px;
+ margin-top: 0px;
}
/* Used by iconclass option */
span.fancytree-custom-icon {
@@ -94,7 +94,7 @@ img.fancytree-icon {
width: 16px;
height: 16px;
margin-left: 3px;
- margin-top: 1px;
+ margin-top: 0px;
vertical-align: top;
border-style: none;
}
@@ -286,16 +286,23 @@ span.fancytree-node {
/* See #117 */
display: inherit;
width: 100%;
+ margin-top: 1px;
+ min-height: 16px;
}
span.fancytree-title {
- display: inline-block;
- padding-left: 3px;
- padding-right: 3px;
color: black;
- vertical-align: top;
- margin: 0px;
- margin-left: 3px;
cursor: pointer;
+ display: inline-block;
+ vertical-align: top;
+ min-height: 16px;
+ padding: 0 3px 0 3px;
+ margin: 0px 0 0 3px;
+ border: 0 solid transparent;
+ -webkit-border-radius: 0px;
+ -moz-border-radius: 0px;
+ -ms-border-radius: 0px;
+ -o-border-radius: 0px;
+ border-radius: 0px;
}
span.fancytree-node.fancytree-error span.fancytree-title {
color: red;
@@ -386,7 +393,6 @@ table.fancytree-ext-columnview tbody tr td > ul li {
background-image: none;
/* no v-lines */
margin: 0;
- padding: 1px 0 0 0;
}
table.fancytree-ext-columnview span.fancytree-node {
position: relative;
@@ -438,16 +444,28 @@ table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:h
/*------------------------------------------------------------------------------
* 'wide' extension
*----------------------------------------------------------------------------*/
+ul.fancytree-ext-wide {
+ position: relative;
+ min-width: 100%;
+ z-index: 2;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
ul.fancytree-ext-wide span.fancytree-node > span {
position: relative;
z-index: 2;
}
ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
- position: relative;
+ position: absolute;
z-index: 1;
+ left: 0px;
width: 100%;
- padding-left: 503px;
- margin-left: -500px;
+ margin-left: 0;
+ margin-right: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
/*******************************************************************************
* Styles specific to this skin.
diff --git a/dist/skin-xp/ui.fancytree.less b/dist/skin-xp/ui.fancytree.less
new file mode 100644
index 00000000..9ae61a2b
--- /dev/null
+++ b/dist/skin-xp/ui.fancytree.less
@@ -0,0 +1,88 @@
+/*!
+ * Fancytree "XP" skin.
+ *
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
+ * the LESS templates.
+ */
+
+// Import common styles
+@import "../skin-common.less";
+
+
+/*******************************************************************************
+ * Styles specific to this skin.
+ *
+ * This section is automatically generated from the `ui-fancytree.less` template.
+ ******************************************************************************/
+
+// Override the variable after the import.
+// NOTE: Variables are always resolved as the last definition, even if it is
+// after where it is used.
+@fancy-use-sprites: true; // false: suppress all background positions
+@fancy-hide-connectors: false; // true: show vertical connector lines
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-icon-spacing: 3px;
+@fancy-node-border-width: 0;
+
+/*******************************************************************************
+ * Tree container
+ */
+ul.fancytree-container {
+ li {
+ background-image: url("vline.gif");
+ background-position: 0 0;
+ }
+ // Suppress lines for last child node
+ li.fancytree-lastsib {
+ background-image: none;
+ }
+}
+// Suppress lines if level is fixed expanded (option minExpandLevel)
+ul.fancytree-no-connector > li {
+ background-image: none;
+}
+
+/*******************************************************************************
+ * Node titles
+ */
+
+span.fancytree-title {
+ border: @fancy-node-border-width solid transparent; // avoid jumping, when a border is added on hover
+}
+span.fancytree-title:hover {
+ background-color: #F2F7FD; // light blue
+ border-color: #B8D6FB; // darker light blue
+}
+span.fancytree-focused span.fancytree-title {
+ outline: 1px dotted black;
+ background-color: #EFEBDE; // gray
+}
+.fancytree-folder span.fancytree-title {
+ font-weight: bold;
+}
+.fancytree-selected span.fancytree-title {
+ color: green;
+ font-style: italic;
+}
+.fancytree-active span.fancytree-title {
+ background-color: #3169C6 !important;
+ color: white !important; // @ IE6
+}
+
+/*******************************************************************************
+ * 'table' extension
+ */
+table.fancytree-ext-table {
+ border-collapse: collapse;
+ tbody tr.fancytree-focused {
+ background-color: #99DEFD;
+ }
+ tbody tr.fancytree-active {
+ background-color: royalblue;
+ }
+ tbody tr.fancytree-selected {
+ background-color: #99FDDE;
+ }
+}
+
diff --git a/dist/skin-xp/ui.fancytree.min.css b/dist/skin-xp/ui.fancytree.min.css
index 1214feae..12969f90 100644
--- a/dist/skin-xp/ui.fancytree.min.css
+++ b/dist/skin-xp/ui.fancytree.min.css
@@ -3,4 +3,4 @@
*
* DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
* the LESS templates.
- */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-repeat:repeat-y;margin:0;padding:1px 0 0}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-unselectable span.fancytree-checkbox,.fancytree-unselectable span.fancytree-checkbox:hover{opacity:.4;filter:alpha(opacity=40);background-position:0 -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(loading.gif);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}ul.fancytree-container li{background-image:url(vline.gif);background-position:0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}span.fancytree-title{border:0 solid transparent}span.fancytree-title:hover{background-color:#F2F7FD;border-color:#B8D6FB}span.fancytree-focused span.fancytree-title{outline:1px dotted #000;background-color:#EFEBDE}.fancytree-folder span.fancytree-title{font-weight:700}.fancytree-selected span.fancytree-title{color:green;font-style:italic}.fancytree-active span.fancytree-title{background-color:#3169C6!important;color:#fff!important}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table tbody tr.fancytree-focused{background-color:#99DEFD}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#4169e1}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99FDDE}
\ No newline at end of file
+ */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-repeat:repeat-y;margin:0}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio{margin-top:0}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:0;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-unselectable span.fancytree-checkbox,.fancytree-unselectable span.fancytree-checkbox:hover{opacity:.4;filter:alpha(opacity=40);background-position:0 -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(loading.gif);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:1px;min-height:16px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:16px;padding:0 3px;margin:0 0 0 3px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide{position:relative;min-width:100%;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:absolute;z-index:1;left:0;width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul.fancytree-container li{background-image:url(vline.gif);background-position:0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}span.fancytree-title{border:0 solid transparent}span.fancytree-title:hover{background-color:#F2F7FD;border-color:#B8D6FB}span.fancytree-focused span.fancytree-title{outline:1px dotted #000;background-color:#EFEBDE}.fancytree-folder span.fancytree-title{font-weight:700}.fancytree-selected span.fancytree-title{color:green;font-style:italic}.fancytree-active span.fancytree-title{background-color:#3169C6!important;color:#fff!important}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table tbody tr.fancytree-focused{background-color:#99DEFD}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#4169e1}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#99FDDE}
\ No newline at end of file
diff --git a/dist/src/jquery.fancytree.childcounter.js b/dist/src/jquery.fancytree.childcounter.js
index e44de9ad..29cd57d5 100644
--- a/dist/src/jquery.fancytree.childcounter.js
+++ b/dist/src/jquery.fancytree.childcounter.js
@@ -19,8 +19,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
// To keep the global namespace clean, we wrap everything in a closure
diff --git a/dist/src/jquery.fancytree.clones.js b/dist/src/jquery.fancytree.clones.js
index 43b9232b..f30d4c56 100644
--- a/dist/src/jquery.fancytree.clones.js
+++ b/dist/src/jquery.fancytree.clones.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.columnview.js b/dist/src/jquery.fancytree.columnview.js
index 14e2a7f3..9f57c4d0 100644
--- a/dist/src/jquery.fancytree.columnview.js
+++ b/dist/src/jquery.fancytree.columnview.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
@@ -74,7 +74,7 @@ $.ui.fancytree.registerExtension({
// Force some required options
tree.widget.options.autoCollapse = true;
// tree.widget.options.autoActivate = true;
- tree.widget.options.fx = false;
+ tree.widget.options.toggleEffect = false;
tree.widget.options.clickFolderMode = 1;
// Make sure that only active path is expanded when a node is activated:
diff --git a/dist/src/jquery.fancytree.debug.js b/dist/src/jquery.fancytree.debug.js
index ccac3ecf..14a4d29e 100644
--- a/dist/src/jquery.fancytree.debug.js
+++ b/dist/src/jquery.fancytree.debug.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.dnd.js b/dist/src/jquery.fancytree.dnd.js
index b38776ce..38cf6af1 100644
--- a/dist/src/jquery.fancytree.dnd.js
+++ b/dist/src/jquery.fancytree.dnd.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.edit.js b/dist/src/jquery.fancytree.edit.js
index b47a039b..19a3a8e0 100644
--- a/dist/src/jquery.fancytree.edit.js
+++ b/dist/src/jquery.fancytree.edit.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
@@ -25,34 +25,6 @@
var isMac = /Mac/.test(navigator.platform),
escapeHtml = $.ui.fancytree.escapeHtml,
unescapeHtml = $.ui.fancytree.unescapeHtml;
- // modifiers = {shift: "shiftKey", ctrl: "ctrlKey", alt: "altKey", meta: "metaKey"},
- // specialKeys = {
- // 8: "backspace", 9: "tab", 10: "return", 13: "return", 16: "shift", 17: "ctrl", 18: "alt", 19: "pause",
- // 20: "capslock", 27: "esc", 32: "space", 33: "pageup", 34: "pagedown", 35: "end", 36: "home",
- // 37: "left", 38: "up", 39: "right", 40: "down", 45: "insert", 46: "del",
- // 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7",
- // 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".", 111 : "/",
- // 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5", 117: "f6", 118: "f7", 119: "f8",
- // 120: "f9", 121: "f10", 122: "f11", 123: "f12", 144: "numlock", 145: "scroll", 186: ";", 191: "/",
- // 220: "\\", 222: "'", 224: "meta"
- // },
- // shiftNums = {
- // "`": "~", "1": "!", "2": "@", "3": "#", "4": "$", "5": "%", "6": "^", "7": "&",
- // "8": "*", "9": "(", "0": ")", "-": "_", "=": "+", ";": ": ", "'": "\"", ",": "<",
- // ".": ">", "/": "?", "\\": "|"
- // };
-
-
-// $.ui.fancytree.isKeydownEvent = function(e, code){
-// var i, part, partmap, partlist = code.split("+"), len = parts.length;
-// var c = String.fromCharCode(e.which).toLowerCase();
-// for( i = 0; i < len; i++ ) {
-// }
-// alert (parts.unshift());
-// alert (parts.unshift());
-// alert (parts.unshift());
-// };
-
/**
* [ext-edit] Start inline editing of current node title.
@@ -209,18 +181,6 @@ $.ui.fancytree._FancytreeNodeClass.prototype.editEnd = function(applyChanges, _e
};
-// $.ui.fancytree._FancytreeNodeClass.prototype.startEdit = function(){
-// this.warn("FancytreeNode.startEdit() is deprecated since 2014-01-04. Use .editStart() instead.");
-// return this.editStart.apply(this, arguments);
-// };
-
-
-// $.ui.fancytree._FancytreeNodeClass.prototype.endEdit = function(){
-// this.warn("FancytreeNode.endEdit() is deprecated since 2014-01-04. Use .editEnd() instead.");
-// return this.editEnd.apply(this, arguments);
-// };
-
-
/**
* [ext-edit] Create a new child or sibling node and start edit mode.
*
diff --git a/dist/src/jquery.fancytree.filter.js b/dist/src/jquery.fancytree.filter.js
index 571ac519..b4968f4c 100644
--- a/dist/src/jquery.fancytree.filter.js
+++ b/dist/src/jquery.fancytree.filter.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.glyph.js b/dist/src/jquery.fancytree.glyph.js
index 6b1359b1..c589d993 100644
--- a/dist/src/jquery.fancytree.glyph.js
+++ b/dist/src/jquery.fancytree.glyph.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.gridnav.js b/dist/src/jquery.fancytree.gridnav.js
index 68f69c6f..8e7a0d90 100644
--- a/dist/src/jquery.fancytree.gridnav.js
+++ b/dist/src/jquery.fancytree.gridnav.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.js b/dist/src/jquery.fancytree.js
index 58bae031..ec0975d9 100644
--- a/dist/src/jquery.fancytree.js
+++ b/dist/src/jquery.fancytree.js
@@ -7,8 +7,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
/** Core Fancytree module.
@@ -204,6 +204,20 @@ function _makeNodeTitleStartMatcher(s){
var i,
FT = null, // initialized below
ENTITY_MAP = {"&": "&", "<": "<", ">": ">", "\"": """, "'": "'", "/": "/"},
+ IGNORE_KEYCODES = { 16: true, 17: true, 18: true },
+ SPECIAL_KEYCODES = {
+ 8: "backspace", 9: "tab", 10: "return", 13: "return",
+ // 16: null, 17: null, 18: null, // ignore shift, ctrl, alt
+ 19: "pause", 20: "capslock", 27: "esc", 32: "space", 33: "pageup",
+ 34: "pagedown", 35: "end", 36: "home", 37: "left", 38: "up",
+ 39: "right", 40: "down", 45: "insert", 46: "del", 59: ";", 61: "=",
+ 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6",
+ 103: "7", 104: "8", 105: "9", 106: "*", 107: "+", 109: "-", 110: ".",
+ 111: "/", 112: "f1", 113: "f2", 114: "f3", 115: "f4", 116: "f5",
+ 117: "f6", 118: "f7", 119: "f8", 120: "f9", 121: "f10", 122: "f11",
+ 123: "f12", 144: "numlock", 145: "scroll", 173: "-", 186: ";", 187: "=",
+ 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\",
+ 221: "]", 222: "'"},
//boolean attributes that can be set with equivalent class names in the LI tags
CLASS_ATTRS = "active expanded focus folder hideCheckbox lazy selected unselectable".split(" "),
CLASS_ATTR_MAP = {},
@@ -1498,6 +1512,7 @@ FancytreeNode.prototype = /** @lends FancytreeNode# */{
/**Activate this node.
* @param {boolean} [flag=true] pass false to deactivate
* @param {object} [opts] additional options. Defaults to {noEvents: false}
+ * @returns {$.Promise}
*/
setActive: function(flag, opts){
return this.tree._callHook("nodeSetActive", this, flag, opts);
@@ -1761,16 +1776,19 @@ function Fancytree(widget) {
this.widget = widget;
this.$div = widget.element;
this.options = widget.options;
- if( this.options && $.isFunction(this.options.lazyload) ) {
- if( ! $.isFunction(this.options.lazyLoad ) ) {
+ if( this.options ) {
+ if( $.isFunction(this.options.lazyload ) && !$.isFunction(this.options.lazyLoad) ) {
this.options.lazyLoad = function() {
FT.warn("The 'lazyload' event is deprecated since 2014-02-25. Use 'lazyLoad' (with uppercase L) instead.");
- widget.options.lazyload.apply(this, arguments);
+ return widget.options.lazyload.apply(this, arguments);
};
}
- }
- if( this.options && $.isFunction(this.options.loaderror) ) {
- $.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead.");
+ if( $.isFunction(this.options.loaderror) ) {
+ $.error("The 'loaderror' event was renamed since 2014-07-03. Use 'loadError' (with uppercase E) instead.");
+ }
+ if( this.options.fx !== undefined ) {
+ FT.warn("The 'fx' options was replaced by 'toggleEffect' since 2014-11-30.");
+ }
}
this.ext = {}; // Active extension instances
// allow to init tree.data.foo from
@@ -2285,14 +2303,18 @@ Fancytree.prototype = /** @lends Fancytree# */{
},
/** Re-fire beforeActivate and activate events. */
reactivate: function(setFocus) {
- var node = this.activeNode;
- if( node ) {
- this.activeNode = null; // Force re-activating
- node.setActive();
- if( setFocus ){
- node.setFocus();
- }
+ var res,
+ node = this.activeNode;
+
+ if( !node ) {
+ return _getResolvedPromise();
+ }
+ this.activeNode = null; // Force re-activating
+ res = node.setActive();
+ if( setFocus ){
+ node.setFocus();
}
+ return res;
},
/** Reload tree from source and return a promise.
* @param [source] optional new source (defaults to initial source data)
@@ -2496,10 +2518,10 @@ $.extend(Fancytree.prototype,
clean = !(event.altKey || event.ctrlKey || event.metaKey || event.shiftKey),
$target = $(event.target),
handled = true,
- activate = !(event.ctrlKey || !opts.autoActivate ),
- KC = $.ui.keyCode;
+ activate = !(event.ctrlKey || !opts.autoActivate );
// node.debug("ftnode.nodeKeydown(" + event.type + "): ftnode:" + this + ", charCode:" + event.charCode + ", keyCode: " + event.keyCode + ", which: " + event.which);
+// FT.debug("keyEventToString", which, '"' + String.fromCharCode(which) + '"', '"' + FT.keyEventToString(event) + '"');
// Set focus to first node, if no other node has the focus yet
if( !node ){
@@ -2524,31 +2546,29 @@ $.extend(Fancytree.prototype,
event.preventDefault();
return;
}
- switch( which ) {
- // charCodes:
- case KC.NUMPAD_ADD: //107: // '+'
- case 187: // '+' @ Chrome, Safari
+ switch( FT.keyEventToString(event) ) {
+ case "+":
+ case "=": // 187: '+' @ Chrome, Safari
tree.nodeSetExpanded(ctx, true);
break;
- case KC.NUMPAD_SUBTRACT: // '-'
- case 189: // '-' @ Chrome, Safari
+ case "-":
tree.nodeSetExpanded(ctx, false);
break;
- case KC.SPACE:
+ case "space":
if(opts.checkbox){
tree.nodeToggleSelected(ctx);
}else{
tree.nodeSetActive(ctx, true);
}
break;
- case KC.ENTER:
+ case "enter":
tree.nodeSetActive(ctx, true);
break;
- case KC.BACKSPACE:
- case KC.LEFT:
- case KC.RIGHT:
- case KC.UP:
- case KC.DOWN:
+ case "backspace":
+ case "left":
+ case "right":
+ case "up":
+ case "down":
res = node.navigate(event.which, activate);
break;
default:
@@ -2870,21 +2890,13 @@ $.extend(Fancytree.prototype,
}
_assert(isRootNode || parent.ul, "parent UL must exist");
-// if(node.li && (force || (node.li.parentNode !== node.parent.ul) ) ){
-// if(node.li.parentNode !== node.parent.ul){
-// // alert("unlink " + node + " (must be child of " + node.parent + ")");
-// this.warn("unlink " + node + " (must be child of " + node.parent + ")");
-// }
-// // this.debug("nodeRemoveMarkup...");
-// this.nodeRemoveMarkup(ctx);
-// }
// Render the node
if( !isRootNode ){
// Discard markup on force-mode, or if it is not linked to parent
if(node.li && (force || (node.li.parentNode !== node.parent.ul) ) ){
if(node.li.parentNode !== node.parent.ul){
-// alert("unlink " + node + " (must be child of " + node.parent + ")");
- this.warn("unlink " + node + " (must be child of " + node.parent + ")");
+ // May happen, when a top-level node was dropped over another
+ this.debug("Unlinking " + node + " (must be child of " + node.parent + ")");
}
// this.debug("nodeRemoveMarkup...");
this.nodeRemoveMarkup(ctx);
@@ -3214,6 +3226,7 @@ $.extend(Fancytree.prototype,
* @param {EventData} ctx
* @param {boolean} [flag=true]
* @param {object} [opts] additional options. Defaults to {noEvents: false}
+ * @returns {$.Promise}
*/
nodeSetActive: function(ctx, flag, callOpts) {
// Handle user click / [space] / [enter], according to clickFolderMode.
@@ -3337,7 +3350,8 @@ $.extend(Fancytree.prototype,
});
// vvv Code below is executed after loading finished:
_afterLoad = function(callback){
- var duration, easing, isVisible, isExpanded;
+ var isVisible, isExpanded,
+ effect = opts.toggleEffect;
node.expanded = flag;
// Create required markup, but make sure the top UL is hidden, so we
@@ -3361,14 +3375,20 @@ $.extend(Fancytree.prototype,
if ( isVisible === isExpanded ) {
node.warn("nodeSetExpanded: UL.style.display already set");
- } else if ( !opts.fx || noAnimation ) {
+ } else if ( !effect || noAnimation ) {
node.ul.style.display = ( node.expanded || !parent ) ? "" : "none";
} else {
- duration = opts.fx.duration || 200;
- easing = opts.fx.easing;
+ // The UI toggle() effect works with the ext-wide extension,
+ // while jQuery.animate() has problems when the title span
+ // has positon: absolute
+
+ // duration = opts.fx.duration || 200;
+ // easing = opts.fx.easing;
+ // $(node.ul).animate(opts.fx, duration, easing, function(){
+
// node.debug("nodeSetExpanded: animate start...");
- $(node.ul).animate(opts.fx, duration, easing, function(){
+ $(node.ul).toggle(effect.effect, effect.options, effect.duration, function(){
// node.debug("nodeSetExpanded: animate done");
callback();
});
@@ -3747,7 +3767,10 @@ $.widget("ui.fancytree",
disabled: false, // TODO: required anymore?
enableAspx: true, // TODO: document
extensions: [],
- fx: { height: "toggle", duration: 200 },
+ // fx: { height: "toggle", duration: 200 },
+ // toggleEffect: { effect: "drop", options: {direction: "left"}, duration: 200 },
+ // toggleEffect: { effect: "slide", options: {direction: "up"}, duration: 200 },
+ toggleEffect: { effect: "blind", options: {direction: "vertical", scale: "box"}, duration: 200 },
generateIds: false,
icons: true,
idPrefix: "ft_",
@@ -4019,7 +4042,7 @@ $.extend($.ui.fancytree,
/** @lends Fancytree_Static# */
{
/** @type {string} */
- version: "2.6.0", // Set to semver by 'grunt release'
+ version: "2.7.0", // Set to semver by 'grunt release'
/** @type {string} */
buildType: "production", // Set to 'production' by 'grunt build'
/** @type {int} */
@@ -4053,7 +4076,7 @@ $.extend($.ui.fancytree,
* @param {boolean} [invokeAsap=false]
* @param {any} [ctx]
*/
- debounce : function(timeout, fn, invokeAsap, ctx) {
+ debounce: function(timeout, fn, invokeAsap, ctx) {
var timer;
if(arguments.length === 3 && typeof invokeAsap !== "boolean") {
ctx = invokeAsap;
@@ -4093,16 +4116,6 @@ $.extend($.ui.fancytree,
return ENTITY_MAP[s];
});
},
- /** Inverse of escapeHtml().
- *
- * @param {string} s
- * @returns {string}
- */
- unescapeHtml: function(s){
- var e = document.createElement("div");
- e.innerHTML = s;
- return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
- },
/** Return a {node: FancytreeNode, type: TYPE} object for a mouse event.
*
* @param {Event} event Mouse event, e.g. click, ...
@@ -4184,6 +4197,25 @@ $.extend($.ui.fancytree,
/*jshint expr:true */
($.ui.fancytree.debugLevel >= 1) && consoleApply("info", arguments);
},
+ /** Convert a keydown event to a string like 'ctrl+a', 'ctrl+shift+f2'.
+ * @param {event}
+ * @returns {string}
+ */
+ keyEventToString: function(event) {
+ // Poor-man's hotkeys. See here for a complete implementation:
+ // https://github.com/jeresig/jquery.hotkeys
+ var which = event.which,
+ s = [];
+
+ if( event.altKey ) { s.push("alt"); }
+ if( event.ctrlKey ) { s.push("ctrl"); }
+ if( event.metaKey ) { s.push("meta"); }
+ if( event.shiftKey ) { s.push("shift"); }
+ if( !IGNORE_KEYCODES[which] ) {
+ s.push( SPECIAL_KEYCODES[which] || String.fromCharCode(which).toLowerCase() );
+ }
+ return s.join("+");
+ },
/**
* Parse tree data from HTML markup
*
@@ -4287,6 +4319,16 @@ $.extend($.ui.fancytree,
_assert(definition.version != null, "extensions must have a `version` property.");
$.ui.fancytree._extensions[definition.name] = definition;
},
+ /** Inverse of escapeHtml().
+ *
+ * @param {string} s
+ * @returns {string}
+ */
+ unescapeHtml: function(s){
+ var e = document.createElement("div");
+ e.innerHTML = s;
+ return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
+ },
/** Write warning message to console.
* @param {string} msg
*/
diff --git a/dist/src/jquery.fancytree.menu.js b/dist/src/jquery.fancytree.menu.js
index 21d2db50..5f588e2a 100644
--- a/dist/src/jquery.fancytree.menu.js
+++ b/dist/src/jquery.fancytree.menu.js
@@ -11,8 +11,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.persist.js b/dist/src/jquery.fancytree.persist.js
index d1125b48..29007792 100644
--- a/dist/src/jquery.fancytree.persist.js
+++ b/dist/src/jquery.fancytree.persist.js
@@ -11,8 +11,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.table.js b/dist/src/jquery.fancytree.table.js
index 95e06d6c..ed8959bb 100644
--- a/dist/src/jquery.fancytree.table.js
+++ b/dist/src/jquery.fancytree.table.js
@@ -9,8 +9,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.themeroller.js b/dist/src/jquery.fancytree.themeroller.js
index 02ad6758..4f74b002 100644
--- a/dist/src/jquery.fancytree.themeroller.js
+++ b/dist/src/jquery.fancytree.themeroller.js
@@ -11,8 +11,8 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
diff --git a/dist/src/jquery.fancytree.wide.js b/dist/src/jquery.fancytree.wide.js
index 4852b9fb..39b1f943 100644
--- a/dist/src/jquery.fancytree.wide.js
+++ b/dist/src/jquery.fancytree.wide.js
@@ -1,5 +1,4 @@
/*!
- *
* jquery.fancytree.wide.js
* Support for 100% wide selection bars.
* (Extension module for jquery.fancytree.js: https://github.com/mar10/fancytree/)
@@ -9,115 +8,175 @@
* Released under the MIT license
* https://github.com/mar10/fancytree/wiki/LicenseInfo
*
- * @version 2.6.0
- * @date 2014-11-29T08:33
+ * @version 2.7.0
+ * @date 2014-12-21T15:57
*/
;(function($, window, document, undefined) {
"use strict";
+var reNumUnit = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/; // split "1.5em" to ["1.5", "em"]
+
/*******************************************************************************
* Private functions and variables
*/
-// function _assert(cond, msg){
-// // TODO: see qunit.js extractStacktrace()
-// if(!cond){
-// msg = msg ? ": " + msg : "";
-// $.error("Assertion failed" + msg);
-// }
-// }
+// var _assert = $.ui.fancytree.assert;
/* Calculate inner width without scrollbar */
-function realInnerWidth($el) {
- // http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/
-// inst.contWidth = parseFloat(this.$container.css("width"), 10);
- // 'Client width without scrollbar' - 'padding'
- return $el[0].clientWidth - ($el.innerWidth() - parseFloat($el.css("width"), 10));
+// function realInnerWidth($el) {
+// // http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/
+// // inst.contWidth = parseFloat(this.$container.css("width"), 10);
+// // 'Client width without scrollbar' - 'padding'
+// return $el[0].clientWidth - ($el.innerWidth() - parseFloat($el.css("width"), 10));
+// }
+
+/* Create a global embedded CSS style for the tree. */
+function defineHeadStyleElement(id, cssText) {
+ id = "fancytree-style-" + id;
+ var $headStyle = $("#" + id);
+
+ if( !cssText ) {
+ $headStyle.remove();
+ return null;
+ }
+ if( !$headStyle.length ) {
+ $headStyle = $("")
+ .attr("id", id)
+ .addClass("fancytree-style")
+ .prop("type", "text/css")
+ .appendTo("head");
+ }
+ try {
+ $headStyle.html(cssText);
+ } catch ( e ) {
+ // fix for IE 6-8
+ $headStyle[0].styleSheet.cssText = cssText;
+ }
+ return $headStyle;
}
+/* Calculate the CSS rules that indent title spans. */
+function renderLevelCss(containerId, depth, levelOfs, lineOfs, measureUnit) {
+ var i,
+ prefix = "#" + containerId + " span.fancytree-level-",
+ rules = [];
-/**
- * [ext-wide] Recalculate the width of the selection bar after the tree container
- * was resized.
- * May be called explicitly on container resize, since there is no resize event
- * for DIV tags.
- *
- * @alias Fancytree#wideUpdate
- * @requires jquery.fancytree.wide.js
- */
-$.ui.fancytree._FancytreeClass.prototype.wideUpdate = function(){
- var inst = this.ext.wide,
- prevCw = inst.contWidth,
- prevLo = inst.lineOfs;
- // http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/
-// inst.contWidth = parseFloat(this.$container.css("width"), 10);
- inst.contWidth = realInnerWidth(this.$container);
- // Each title is precceeded by 2 or 3 icons (16px + 3 margin)
- // + 1px title border and 3px title padding
- inst.lineOfs = (this.options.checkbox ? 3 : 2) * 19;
- if( prevCw !== inst.contWidth || prevLo !== inst.lineOfs ) {
- this.debug("wideUpdate: " + inst.contWidth);
- this.visit(function(node){
- node.tree._callHook("nodeRenderTitle", node);
- });
+ for(i = 0; i < depth; i++) {
+ rules.push(prefix + (i + 1) + " span.fancytree-title { padding-left: " +
+ (i * levelOfs + lineOfs) + measureUnit + "; }");
}
-};
+ // Some UI animations wrap the UL inside a DIV and set position:relative on both.
+ // This breaks the left:0 and padding-left:nn settings of the title
+ rules.push("#" + containerId +
+ " div.ui-effects-wrapper ul li span.fancytree-title " +
+ "{ padding-left: 3px; position: static; width: auto; }");
+ return rules.join("\n");
+}
+
+
+// /**
+// * [ext-wide] Recalculate the width of the selection bar after the tree container
+// * was resized.
+// * May be called explicitly on container resize, since there is no resize event
+// * for DIV tags.
+// *
+// * @alias Fancytree#wideUpdate
+// * @requires jquery.fancytree.wide.js
+// */
+// $.ui.fancytree._FancytreeClass.prototype.wideUpdate = function(){
+// var inst = this.ext.wide,
+// prevCw = inst.contWidth,
+// prevLo = inst.lineOfs;
+
+// inst.contWidth = realInnerWidth(this.$container);
+// // Each title is precceeded by 2 or 3 icons (16px + 3 margin)
+// // + 1px title border and 3px title padding
+// // TODO: use code from treeInit() below
+// inst.lineOfs = (this.options.checkbox ? 3 : 2) * 19;
+// if( prevCw !== inst.contWidth || prevLo !== inst.lineOfs ) {
+// this.debug("wideUpdate: " + inst.contWidth);
+// this.visit(function(node){
+// node.tree._callHook("nodeRenderTitle", node);
+// });
+// }
+// };
/*******************************************************************************
* Extension code
*/
$.ui.fancytree.registerExtension({
name: "wide",
- version: "0.0.2",
+ version: "0.0.3",
// Default options for this extension.
options: {
- autoResize: true, // call wideUpdate() on window.resize events
- cheap: false, // true: use static css only
- margin: {left: 3, right: 3} // free margins near the selection bar
+ iconWidth: null, // Adjust this if @fancy-icon-width != "16px"
+ iconSpacing: null, // Adjust this if @fancy-icon-spacing != "3px"
+ levelOfs: null // Adjust this if ul padding != "16px"
},
treeCreate: function(ctx){
- this.$container.addClass("fancytree-ext-wide");
this._super(ctx);
- // http://blog.jquery.com/2012/08/16/jquery-1-8-box-sizing-width-csswidth-and-outerwidth/
-// this._local.contWidth = parseFloat(ctx.tree.$container.css("width"), 10);
- this._local.contWidth = realInnerWidth(ctx.tree.$container);
- // Every nested UL is indented by 16px
- // Each title is precceeded by 2 or 3 icons (16px + 3 margin)
- // + 1px title border and 3px title padding
- this._local.lineOfs = (ctx.options.checkbox ? 3 : 2) * 19;
- this._local.levelOfs = 16;
- this._local.titlePadding = 3;
- $(window).on("resize" + ctx.widget.eventNamespace, $.ui.fancytree.debounce(200, function(event){
- if( ctx.options.wide.autoResize && !ctx.options.wide.cheap ) {
- ctx.tree.wideUpdate();
- }
- }));
+ this.$container.addClass("fancytree-ext-wide");
+
+ var containerId, cssText, iconSpacingUnit, iconWidthUnit, levelOfsUnit,
+ instOpts = ctx.options.wide,
+ // css sniffing
+ $dummyLI = $("- ")
+ .appendTo(ctx.tree.$container),
+ $dummyIcon = $dummyLI.find(".fancytree-icon"),
+ $dummyUL = $dummyLI.find("ul"),
+ // $dummyTitle = $dummyLI.find(".fancytree-title"),
+ iconSpacing = instOpts.iconSpacing || $dummyIcon.css("margin-left"),
+ iconWidth = instOpts.iconWidth || $dummyIcon.css("width"),
+ levelOfs = instOpts.levelOfs || $dummyUL.css("padding-left");
+
+ $dummyLI.remove();
+
+ iconSpacingUnit = iconSpacing.match(reNumUnit)[2];
+ iconSpacing = parseFloat(iconSpacing, 10);
+ iconWidthUnit = iconWidth.match(reNumUnit)[2];
+ iconWidth = parseFloat(iconWidth, 10);
+ levelOfsUnit = levelOfs.match(reNumUnit)[2];
+ if( iconSpacingUnit !== iconWidthUnit || levelOfsUnit !== iconWidthUnit ) {
+ $.error("iconWidth, iconSpacing, and levelOfs must have the same css measure unit");
+ }
+ this._local.measureUnit = iconWidthUnit;
+ this._local.levelOfs = parseFloat(levelOfs);
+ this._local.lineOfs = (ctx.options.checkbox ? 3 : 2) * (iconWidth + iconSpacing) + iconSpacing;
+ this._local.maxDepth = 10;
+
+ // Get/Set a unique Id on the container (if not already exists)
+ containerId = this.$container.uniqueId().attr("id");
+ // Generated css rules for some levels (extended on demand)
+ cssText = renderLevelCss(containerId, this._local.maxDepth,
+ this._local.levelOfs, this._local.lineOfs, this._local.measureUnit);
+ defineHeadStyleElement(containerId, cssText);
},
treeDestroy: function(ctx){
- $(window).off("resize" + ctx.widget.eventNamespace);
- this._super(ctx);
+ // Remove generated css rules
+ defineHeadStyleElement(this.$container.attr("id"), null);
+ return this._super(ctx);
},
- nodeRenderTitle: function(ctx) {
- var ofs, res, margin,
- instOpts = ctx.options.wide,
- inst = this._local,
- cw = inst.contWidth,
- node = ctx.node;
+ nodeRenderStatus: function(ctx) {
+ var containerId, cssText, res,
+ node = ctx.node,
+ level = node.getLevel();
res = this._super(ctx);
-
- if( !instOpts.cheap ) {
- margin = instOpts.margin;
- ofs = (node.getLevel() - 1) * inst.levelOfs + inst.lineOfs;
- $(node.span).find(".fancytree-title").css({
- width: cw - margin.left - margin.right - ofs,
- marginLeft: -ofs + margin.left,
- paddingLeft: +ofs - margin.left + inst.titlePadding,
- paddingRight: inst.titlePadding
- });
+ // Generate some more level-n rules if required
+ if( level > this._local.maxDepth ) {
+ containerId = this.$container.attr("id");
+ this._local.maxDepth *= 2;
+ node.debug("Define global ext-wide css up to level " + this._local.maxDepth);
+ cssText = renderLevelCss(containerId, this._local.maxDepth,
+ this._local.levelOfs, this._local.lineOfs, this._local.measureUnit);
+ defineHeadStyleElement(containerId, cssText);
}
+ // Add level-n class to apply indentation padding.
+ // (Setting element style would not work, since it cannot easily be
+ // overriden while animations run)
+ $(node.span).addClass("fancytree-level-" + level);
return res;
}
});
diff --git a/dist/src/skin-common.less b/dist/src/skin-common.less
new file mode 100644
index 00000000..735bd46d
--- /dev/null
+++ b/dist/src/skin-common.less
@@ -0,0 +1,627 @@
+/*******************************************************************************
+ * Common Styles for Fancytree Skins.
+ *
+ * This section is automatically generated from the `skin-common.less` template.
+ ******************************************************************************/
+
+// Variables (defaults, may be overwritten by the including .less files)
+@fancy-use-sprites: true; // false: suppress all background positions
+@fancy-hide-connectors: true; // false: show vertical connector lines
+
+@fancy-level-indent: 16px;
+@fancy-line-height: 16px; // height of a nodes selection bar including borders
+@fancy-node-v-spacing: 1px; // gap between two node borders
+@fancy-icon-width: 16px;
+@fancy-icon-height: 16px;
+@fancy-icon-spacing: 3px; // margin between icon/icon or icon/title
+@fancy-icon-ofs-top: 0px; // extra vertical offset for expander, checkbox and icon
+@fancy-title-ofs-top: 0px; // extra vertical offset for title
+@fancy-node-border-width: 1px;
+@fancy-node-border-radius: 0px;
+@fancy-node-outline-width: 1px;
+
+// @fancy-line-ofs-top: (@fancy-line-height - @fancy-icon-height) / 2;
+
+@fancy-image-dir: ".";
+@fancy-loading-url: url("@{fancy-image-dir}/loading.gif");
+// Use 'data-uri(...)' to create inline image:
+// @fancy-loading-url: data-uri("@{fancy-image-dir}/loading.gif");
+
+
+//------------------------------------------------------------------------------
+// Mixins
+//------------------------------------------------------------------------------
+.setBgPos(@x, @y, @cond:true) when (@cond){
+ background-position: (@x * -@fancy-icon-width) (@y * -@fancy-icon-height);
+}
+.clearBgImage(@cond:true) when (@cond){
+ background-image: none;
+}
+.setBgImageUrl(@url) when (@fancy-use-sprites){
+ background-image: url("@{fancy-image-dir}/@{url}");
+}
+.useSprite(@x, @y) when (@fancy-use-sprites){
+ .setBgPos(@x, @y);
+}
+.rounded-corners(@radius) {
+ -webkit-border-radius: @radius;
+ -moz-border-radius: @radius;
+ -ms-border-radius: @radius;
+ -o-border-radius: @radius;
+ border-radius: @radius;
+}
+.spanStyleMixin(@color, @bgcolor, @bordercolor){
+ border-color: @bordercolor;
+ background: @bgcolor;
+ color: @color;
+}
+.spanStyleMixin(@color, @bgcolor, @bordercolor, @startColor, @stopColor){
+ .spanStyleMixin(@color, @bgcolor, @bordercolor);
+ // @c-start: argb(@startColor);
+ // @c-end: argb(@stopColor);
+ background: -moz-linear-gradient(top, @startColor 0%, @stopColor 100%); // FF3.6+
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@startColor), color-stop(100%,@stopColor)); // Chrome,Safari4+
+ background: -webkit-linear-gradient(top, @startColor 0%,@stopColor 100%); // Chrome10+,Safari5.1+
+ background: -o-linear-gradient(top, @startColor 0%,@stopColor 100%); // Opera 11.10+
+ background: -ms-linear-gradient(top, @startColor 0%,@stopColor 100%); // IE10+
+ background: linear-gradient(to bottom, @startColor 0%,@stopColor 100%); // W3C
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{startColor}', endColorstr='@{stopColor}',GradientType=0 ); // IE6-9
+}
+
+/*------------------------------------------------------------------------------
+ * Helpers
+ *----------------------------------------------------------------------------*/
+// Redefine, in case jQuery-UI is not included
+.ui-helper-hidden {
+ display: none;
+}
+
+/*------------------------------------------------------------------------------
+ * Container and UL / LI
+ *----------------------------------------------------------------------------*/
+
+ul.fancytree-container {
+ font-family: tahoma, arial, helvetica;
+ font-size: 10pt; // font size should not be too big
+ white-space: nowrap;
+ padding: 3px;
+ margin: 0; // DT issue 201
+ background-color: white;
+ border: 1px dotted gray;
+ overflow: auto;
+// height: 100%; // DT issue 263, 470
+ min-height: 0%; // #192
+ position: relative; // #235
+ ul {
+ padding: 0 0 0 @fancy-level-indent;
+ margin: 0;
+ }
+ li {
+ list-style-image: none;
+ list-style-position: outside;
+ list-style-type: none;
+ -moz-background-clip: border;
+ -moz-background-inline-policy: continuous;
+ -moz-background-origin: padding;
+ background-attachment: scroll;
+ background-color: transparent;
+ .setBgPos(0, 0);
+ background-repeat: repeat-y;
+ background-image: none; // no v-lines
+
+ margin: 0;
+// padding: 1px 0 0 0; // issue #246
+ }
+ // Suppress lines for last child node
+ li.fancytree-lastsib {
+ background-image: none;
+ }
+}
+
+// Suppress lines if level is fixed expanded (option minExpandLevel)
+ul.fancytree-no-connector > li {
+ background-image: none;
+}
+
+// Style, when control is disabled
+.ui-fancytree-disabled ul.fancytree-container {
+ opacity: 0.5;
+// filter: alpha(opacity=50); // Yields a css warning
+ background-color: silver;
+}
+
+/*------------------------------------------------------------------------------
+ * Common icon definitions
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-empty,
+span.fancytree-vline,
+span.fancytree-expander,
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-radio,
+span.fancytree-drag-helper-img,
+#fancytree-drop-marker {
+ width: @fancy-icon-width;
+ height: @fancy-icon-height;
+// display: -moz-inline-box; // @ FF 1+2 removed for issue 221
+// -moz-box-align: start; /* issue 221 */
+ display: inline-block; // Required to make a span sizeable
+ vertical-align: top;
+ background-repeat: no-repeat;
+ background-position: left;
+ .setBgImageUrl("icons.gif");
+ .setBgPos(0, 0);
+}
+span.fancytree-icon,
+span.fancytree-checkbox,
+span.fancytree-expander,
+span.fancytree-radio,
+span.fancytree-custom-icon {
+ margin-top: @fancy-icon-ofs-top;
+}
+/* Used by iconclass option */
+span.fancytree-custom-icon {
+ display: inline-block;
+}
+/* Used by 'icon' node option: */
+img.fancytree-icon {
+ width: @fancy-icon-width;
+ height: @fancy-icon-height;
+ margin-left: @fancy-icon-spacing;
+ margin-top: @fancy-icon-ofs-top;
+ vertical-align: top;
+ border-style: none;
+}
+
+
+/*------------------------------------------------------------------------------
+ * Expander icon
+ *
+ * Note: IE6 doesn't correctly evaluate multiples class names,
+ * so we create combined class names that can be used in the CSS.
+ *
+ * Prefix: fancytree-exp-
+ * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
+ * 2nd character (optional): 'd': lazy (Delayed)
+ * 3rd character (optional): 'l': Last sibling
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-expander {
+ // .useSprite(0, 5);
+ cursor: pointer;
+}
+// span.fancytree-expander:hover {
+// // .useSprite(1, 5);
+// }
+
+// --- End nodes (use connectors instead of expanders)
+
+.fancytree-exp-n span.fancytree-expander,
+.fancytree-exp-nl span.fancytree-expander {
+ .clearBgImage( @fancy-hide-connectors );
+ cursor: default;
+}
+.fancytree-exp-n span.fancytree-expander, // End-node, not last sibling
+.fancytree-exp-n span.fancytree-expander:hover {
+ .useSprite(0, 4);
+}
+.fancytree-exp-nl span.fancytree-expander, // End-node, last sibling
+.fancytree-exp-nl span.fancytree-expander:hover {
+ .useSprite(1, 4);
+}
+
+// --- Collapsed
+
+.fancytree-exp-c span.fancytree-expander { // Collapsed, not delayed, not last sibling
+ .useSprite(0, 5);
+}
+.fancytree-exp-c span.fancytree-expander:hover {
+ .useSprite(1, 5);
+}
+.fancytree-exp-cl span.fancytree-expander { // Collapsed, not delayed, last sibling
+ .useSprite(0, 6);
+}
+.fancytree-exp-cl span.fancytree-expander:hover {
+ .useSprite(1, 6);
+}
+.fancytree-exp-cd span.fancytree-expander { // Collapsed, delayed, not last sibling
+ .useSprite(4, 5);
+}
+.fancytree-exp-cd span.fancytree-expander:hover {
+ .useSprite(5, 5);
+}
+.fancytree-exp-cdl span.fancytree-expander { // Collapsed, delayed, last sibling
+ .useSprite(4, 6);
+}
+.fancytree-exp-cdl span.fancytree-expander:hover {
+ .useSprite(5, 6);
+}
+
+// --- Expanded
+
+.fancytree-exp-e span.fancytree-expander, // Expanded, not delayed, not last sibling
+.fancytree-exp-ed span.fancytree-expander { // Expanded, delayed, not last sibling
+ .useSprite(2, 5);
+}
+.fancytree-exp-e span.fancytree-expander:hover,
+.fancytree-exp-ed span.fancytree-expander:hover {
+ .useSprite(3, 5);
+}
+.fancytree-exp-el span.fancytree-expander, // Expanded, not delayed, last sibling
+.fancytree-exp-edl span.fancytree-expander { // Expanded, delayed, last sibling
+ .useSprite(2, 6);
+}
+.fancytree-exp-el span.fancytree-expander:hover,
+.fancytree-exp-edl span.fancytree-expander:hover {
+ .useSprite(3, 6);
+}
+
+/*------------------------------------------------------------------------------
+ * Checkbox icon
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-checkbox {
+ margin-left: @fancy-icon-spacing;
+ .useSprite(0, 2);
+ &:hover { .useSprite(1, 2); }
+}
+.fancytree-partsel span.fancytree-checkbox {
+ .useSprite(4, 2);
+ &:hover { .useSprite(5, 2); }
+}
+// selected after partsel, so it takes precedence:
+.fancytree-selected span.fancytree-checkbox {
+ .useSprite(2, 2);
+ &:hover { .useSprite(3, 2); }
+}
+// Unselectable is dimmed, without hover effects
+.fancytree-unselectable {
+ span.fancytree-checkbox,
+ span.fancytree-checkbox:hover {
+ opacity: 0.4;
+ filter: alpha(opacity=40);
+ .useSprite(0, 2);
+ }
+}
+
+/*------------------------------------------------------------------------------
+ * Radiobutton icon
+ * This is a customization, that may be activated by overriding the 'checkbox'
+ * class name as 'fancytree-radio' in the tree options.
+ *----------------------------------------------------------------------------*/
+
+.fancytree-radio {
+ span.fancytree-checkbox {
+ .useSprite(0, 3);
+ &:hover { .useSprite(1, 3); }
+ }
+ .fancytree-partsel span.fancytree-checkbox {
+ .useSprite(4, 3);
+ &:hover { .useSprite(5, 3); }
+ }
+ // Selected after partsel, so it takes precedence:
+ .fancytree-selected span.fancytree-checkbox {
+ .useSprite(2, 3);
+ &:hover { .useSprite(3, 3); }
+ }
+ // Unselectable is dimmed, without hover effects
+ .fancytree-unselectable {
+ span.fancytree-checkbox,
+ span.fancytree-checkbox:hover {
+ .useSprite(0, 3);
+ }
+ }
+}
+
+/*------------------------------------------------------------------------------
+ * Node type icon
+ * Note: IE6 doesn't correctly evaluate multiples class names,
+ * so we create combined class names that can be used in the CSS.
+ *
+ * Prefix: fancytree-ico-
+ * 1st character: 'e': expanded, 'c': collapsed
+ * 2nd character (optional): 'f': folder
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-icon { // Default icon
+ margin-left: @fancy-icon-spacing;
+ .useSprite(0, 0);
+}
+
+/* Documents */
+.fancytree-ico-c span.fancytree-icon { // Collapsed folder (empty)
+ // .useSprite(0, 0);
+}
+.fancytree-ico-c span.fancytree-icon:hover {
+ .useSprite(1, 0);
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon { // Collapsed folder (not empty)
+ .useSprite(2, 0);
+}
+.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
+ .useSprite(3, 0);
+}
+.fancytree-ico-e span.fancytree-icon { // Expanded folder
+ .useSprite(4, 0);
+}
+.fancytree-ico-e span.fancytree-icon:hover {
+ .useSprite(5, 0);
+}
+
+/* Folders */
+.fancytree-ico-cf span.fancytree-icon { // Collapsed folder (empty)
+ .useSprite(0, 1);
+}
+.fancytree-ico-cf span.fancytree-icon:hover {
+ .useSprite(1, 1);
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon { // Collapsed folder (not empty)
+ .useSprite(2, 1);
+}
+.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
+ .useSprite(3, 1);
+}
+.fancytree-ico-ef span.fancytree-icon { // Expanded folder
+ .useSprite(4, 1);
+}
+.fancytree-ico-ef span.fancytree-icon:hover {
+ .useSprite(5, 1);
+}
+
+// 'Loading' status overrides all others
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover,
+.fancytree-statusnode-wait span.fancytree-icon,
+.fancytree-statusnode-wait span.fancytree-icon:hover {
+ background-image: @fancy-loading-url;
+// .setBgImageUrl(@fancy-loading-url);
+ .useSprite(0, 0);
+}
+
+/* Status node icons */
+
+.fancytree-statusnode-error span.fancytree-icon,
+.fancytree-statusnode-error span.fancytree-icon:hover {
+ .useSprite(0, 7);
+}
+
+
+/*------------------------------------------------------------------------------
+ * Node titles and highlighting
+ *----------------------------------------------------------------------------*/
+
+span.fancytree-node {
+ /* See #117 */
+ display: inherit; // #117, resolves to 'display: list-item;' for standard trees
+ width: 100%;
+ margin-top: @fancy-node-v-spacing;
+ min-height: @fancy-line-height;
+}
+span.fancytree-title {
+ color: black; // inherit doesn't work on IE
+ cursor: pointer;
+ display: inline-block; // Better alignment, when title contains
+ vertical-align: top;
+ min-height: @fancy-line-height;
+ padding: 0 3px 0 3px; // Otherwise italic font will be outside right bounds
+ // padding-left: 3px;
+ // padding-right: 3px; // Otherwise italic font will be outside bounds
+ margin: @fancy-title-ofs-top 0 0 @fancy-icon-spacing;
+ // margin: 0px;
+ // margin-top: @fancy-line-ofs-top;
+ // margin-left: @fancy-icon-spacing;
+ border: @fancy-node-border-width solid transparent; // avoid jumping, when a border is added on hover
+ .rounded-corners(@fancy-node-border-radius);
+// outline: 0; // @ Firefox, prevent dotted border after click
+// Set transparent border to prevent jumping when active node gets a border
+// (we can do this, because this theme doesn't use vertical lines)
+// border: 1px solid white; // Note: 'transparent' would not work in IE6
+}
+span.fancytree-node.fancytree-error span.fancytree-title {
+ color: red;
+}
+
+/*------------------------------------------------------------------------------
+ * Drag'n'drop support
+ *----------------------------------------------------------------------------*/
+div.fancytree-drag-helper {
+}
+div.fancytree-drag-helper a {
+ border: 1px solid gray;
+ background-color: white;
+ padding-left: 5px;
+ padding-right: 5px;
+ opacity: 0.8;
+}
+span.fancytree-drag-helper-img {
+// position: relative;
+// left: -16px;
+}
+div.fancytree-drag-helper.fancytree-drop-reject {
+ border-color: red;
+}
+div.fancytree-drop-accept span.fancytree-drag-helper-img {
+ .useSprite(2, 7);
+}
+div.fancytree-drop-reject span.fancytree-drag-helper-img {
+ .useSprite(1, 7);
+}
+
+/*** Drop marker icon *********************************************************/
+#fancytree-drop-marker {
+ width: 2 * @fancy-icon-width; // was 24px, but 32 should be correct
+ position: absolute;
+ .useSprite(0, 8);
+ margin: 0;
+ &.fancytree-drop-after,
+ &.fancytree-drop-before {
+ width: 4 * @fancy-icon-width; // 64px;
+ .useSprite(0, 9);
+ }
+ &.fancytree-drop-copy {
+ .useSprite(4, 8);
+ }
+ &.fancytree-drop-move {
+ .useSprite(2, 8);
+ }
+}
+
+/*** Source node while dragging ***********************************************/
+
+span.fancytree-drag-source {
+// border-color: gray;
+ background-color: #e0e0e0;
+ span.fancytree.title {
+ color: gray;
+ }
+}
+
+/*** Target node while dragging cursor is over it *****************************/
+
+span.fancytree-drop-target {
+ &.fancytree-drop-accept a {
+ // border-color: green;
+ background-color: #3169C6 !important;
+ color: white !important; /* @ IE6 */
+ text-decoration: none;
+ }
+ &.fancytree-drop-reject {
+ // border-color: red;
+ }
+ &.fancytree-drop-after a {
+ }
+}
+
+
+/*------------------------------------------------------------------------------
+ * 'table' extension
+ *----------------------------------------------------------------------------*/
+
+table.fancytree-ext-table {
+ border-collapse: collapse;
+ span.fancytree-node {
+ display: inline-block; // #117
+ }
+}
+
+/*------------------------------------------------------------------------------
+ * 'columnview' extension
+ *----------------------------------------------------------------------------*/
+
+table.fancytree-ext-columnview {
+// border-collapse: collapse;
+// width: 100%;
+ tbody tr td {
+ position: relative;
+ border: 1px solid gray;
+ vertical-align: top;
+ overflow: auto;
+ >ul {
+ padding: 0;
+ li {
+ list-style-image: none;
+ list-style-position: outside;
+ list-style-type: none;
+ -moz-background-clip:border;
+ -moz-background-inline-policy: continuous;
+ -moz-background-origin: padding;
+ background-attachment: scroll;
+ background-color: transparent;
+ .setBgPos(0, 0);
+ background-repeat: repeat-y;
+ background-image: none; /* no v-lines */
+
+ margin: 0;
+// padding: 1px 0 0 0; // issue #246
+ }
+ }
+ }
+ span.fancytree-node {
+ position: relative; /* allow positioning of embedded spans */
+ display: inline-block; // #117
+ }
+ span.fancytree-node.fancytree-expanded {
+ background-color: #CBE8F6;
+ }
+ // table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
+ // background-color: royalblue;
+ // }
+ .fancytree-has-children span.fancytree-cv-right {
+ position: absolute;
+ right: 3px;
+ .useSprite(0, 5);
+ &:hover {
+ .useSprite(1, 5);
+ }
+ }
+}
+
+
+/*------------------------------------------------------------------------------
+ * 'filter' extension
+ *----------------------------------------------------------------------------*/
+
+.fancytree-ext-filter-dimm {
+ span.fancytree-node span.fancytree-title {
+ color: silver;
+ font-weight: lighter;
+ }
+ tr.fancytree-submatch span.fancytree-title,
+ span.fancytree-node.fancytree-submatch span.fancytree-title {
+ color: black;
+ font-weight: normal;
+ }
+ tr.fancytree-match span.fancytree-title,
+ span.fancytree-node.fancytree-match span.fancytree-title {
+ color: black;
+ font-weight: bold;
+ }
+}
+.fancytree-ext-filter-hide {
+ tr.fancytree-hide,
+ span.fancytree-node.fancytree-hide {
+ display: none;
+ }
+ tr.fancytree-submatch span.fancytree-title,
+ span.fancytree-node.fancytree-submatch span.fancytree-title {
+ color: silver;
+ font-weight: lighter;
+ }
+ tr.fancytree-match span.fancytree-title,
+ span.fancytree-node.fancytree-match span.fancytree-title {
+ color: black;
+ font-weight: normal;
+ }
+}
+
+/*------------------------------------------------------------------------------
+ * 'wide' extension
+ *----------------------------------------------------------------------------*/
+
+ul.fancytree-ext-wide {
+ position: relative;
+ min-width: 100%;
+ z-index: 2;
+
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+
+ span.fancytree-node >span {
+ position: relative;
+ z-index: 2;
+ }
+ span.fancytree-node span.fancytree-title {
+ position: absolute; // Allow left: 0. Note: prevents smooth dropdown animation
+ z-index: 1; // Behind expander and checkbox
+ left: 0px;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0;
+
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+}
diff --git a/fancytree.jquery.json b/fancytree.jquery.json
index acf75479..6b0a3710 100644
--- a/fancytree.jquery.json
+++ b/fancytree.jquery.json
@@ -1,6 +1,6 @@
{
"name": "fancytree",
- "version": "2.6.0",
+ "version": "2.7.0",
"title": "Fancytree",
"description": "Fancytree is a JavaScript tree view plugin for jQuery with support for persistence, keyboard, checkboxes, drag'n'drop, and lazy loading.",
"homepage": "https://github.com/mar10/fancytree",
diff --git a/package.json b/package.json
index ef571f12..5298e8c0 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
"name": "jquery.fancytree",
"title": "jQuery Fancytree Plugin",
"description": "Fancytree is a JavaScript tree view plugin for jQuery with support for persistence, keyboard, checkboxes, drag'n'drop, and lazy loading.",
- "version": "2.6.0",
+ "version": "2.7.0",
"homepage": "https://github.com/mar10/fancytree",
"author": {
"name": "Martin Wendt",
@@ -61,4 +61,4 @@
"scripts": {
"test": "grunt ci --verbose"
}
-}
+}
\ No newline at end of file
diff --git a/src/jquery.fancytree.js b/src/jquery.fancytree.js
index 0a542594..c1db253a 100644
--- a/src/jquery.fancytree.js
+++ b/src/jquery.fancytree.js
@@ -2304,7 +2304,7 @@ Fancytree.prototype = /** @lends Fancytree# */{
/** Re-fire beforeActivate and activate events. */
reactivate: function(setFocus) {
var res,
- node = this.activeNode;
+ node = this.activeNode;
if( !node ) {
return _getResolvedPromise();
@@ -2548,7 +2548,7 @@ $.extend(Fancytree.prototype,
}
switch( FT.keyEventToString(event) ) {
case "+":
- case "=": // 187: '+' @ Chrome, Safari
+ case "=": // 187: '+' @ Chrome, Safari
tree.nodeSetExpanded(ctx, true);
break;
case "-":
diff --git a/src/jquery.fancytree.wide.js b/src/jquery.fancytree.wide.js
index 695bb976..b0b28326 100644
--- a/src/jquery.fancytree.wide.js
+++ b/src/jquery.fancytree.wide.js
@@ -173,8 +173,8 @@ $.ui.fancytree.registerExtension({
this._local.levelOfs, this._local.lineOfs, this._local.measureUnit);
defineHeadStyleElement(containerId, cssText);
}
- // Add level-n class to apply indentation padding.
- // (Setting element style would not work, since it cannot easily be
+ // Add level-n class to apply indentation padding.
+ // (Setting element style would not work, since it cannot easily be
// overriden while animations run)
$(node.span).addClass("fancytree-level-" + level);
return res;