From bda727276152d9689f46b8973347a4975ca4ca5c Mon Sep 17 00:00:00 2001
From: Ingo Schommer <ingo@silverstripe.com>
Date: Tue, 12 Jun 2012 15:55:28 +0200
Subject: [PATCH] ENHANCEMENT Show node badges in tree sidebar view on hover
 (fixes #7410)

---
 css/screen.css     | 1 +
 scss/_CMSMain.scss | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/css/screen.css b/css/screen.css
index fe5b4386..607e2d85 100644
--- a/css/screen.css
+++ b/css/screen.css
@@ -19,6 +19,7 @@
 .cms-content-tools #cms-content-treeview .cms-tree-expand-trigger { display: inline-block; margin: 0 0 2px 0; position: absolute; top: 8px; right: 4px; }
 .cms-content-tools #cms-content-treeview .cms-tree-expand-trigger span.ui-button-text { padding-right: 8px; }
 .cms-content-tools #cms-content-treeview .cms-tree .badge, .cms-content-tools #cms-content-treeview .cms-tree a > .jstree-icon { display: none; }
+.cms-content-tools #cms-content-treeview .cms-tree a:hover > .text > .badge { display: inline-block; }
 
 /** ------------------------------------------------------------------ URLSegment field ----------------------------------------------------------------- */
 .field.urlsegment.disabled { color: #444; padding-left: 0px; margin-left: 0px; background: none; border-color: transparent; }
diff --git a/scss/_CMSMain.scss b/scss/_CMSMain.scss
index 2618b5fe..a011723b 100644
--- a/scss/_CMSMain.scss
+++ b/scss/_CMSMain.scss
@@ -53,7 +53,8 @@
 	}
 }
 
-.cms-content-tools { // Hide certain elements when shown in "sidebar mode"
+// Hide certain elements when shown in "sidebar mode"
+.cms-content-tools { 
 	#cms-content-treeview {
 		.cms-content-toolbar {
 			border-bottom:none;
@@ -79,10 +80,16 @@
 		}
 
 		.cms-tree {
+			// Hide badges and drag icons to save space
 			.badge,
 			a > .jstree-icon {
 				display: none;
 			}
+
+			// Show badge on hovered node
+			a:hover > .text > .badge {
+				display: inline-block;
+			}
 		}
 	}
 }