finetune the vline of skin xp (#1143)

mar10 · Oct 15, 2023 · 52a5276 · 52a5276
1 parent 953a443
commit 52a5276
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,5 @@
 # 2.38.4-0 / Unreleased
+  * [Changed] #1143 Improve the appearance of vertical connectors of skin XP
 
 # 2.38.3 / 2023-02-01
   * #1113 Update jQuery UI to 1.13.2

diff --git a/src/skin-xp/ui.fancytree.less b/src/skin-xp/ui.fancytree.less
@@ -24,6 +24,7 @@
 @fancy-icon-height: 16px;
 @fancy-icon-spacing: 3px;
 @fancy-node-border-width: 0;
+@fancy-node-v-spacing: 0px;    // no gap as it interrupts the vline
 
 // We need to define this variable here (not in skin-common.less) to make it
 // work with grunt and webpack:
@@ -44,11 +45,11 @@ ul.fancytree-container {
 		// background-image: url("vline.gif");
 		// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif':
 		background-image: data-uri("@{fancy-image-prefix}vline.gif");
-		background-position: 0 0;
+		background-position: 0 1px;
 	}
 	&.fancytree-rtl {
 		li {
-			background-position: right 0;
+			background-position: right 1px;
 			background-image: url("@{fancy-image-prefix}vline-rtl.gif");
 		}
 		.fancytree-exp-n span.fancytree-expander {