Browse files

Add pointer to expand/collapse tree icons

Make it clear that they're interactive elements
  • Loading branch information...
1 parent f564592 commit 5bd8619dd325aa7e0bd41b48a7f4c97834f568f6 @chillu chillu committed Jan 8, 2013
Showing with 4 additions and 0 deletions.
  1. +1 −0 admin/css/screen.css
  2. +3 −0 admin/scss/_tree.scss
View
1 admin/css/screen.css
@@ -716,6 +716,7 @@ form.import-form label.left { width: 250px; }
.cms .jstree li.jstree-open > ul, .TreeDropdownField .treedropdownfield-panel .jstree li.jstree-open > ul { display: block; }
.cms .jstree li.jstree-closed > ul, .TreeDropdownField .treedropdownfield-panel .jstree li.jstree-closed > ul { display: none; }
.cms .jstree li.disabled > a, .TreeDropdownField .treedropdownfield-panel .jstree li.disabled > a { color: #aaaaaa; }
+.cms .jstree li > .jstree-icon, .TreeDropdownField .treedropdownfield-panel .jstree li > .jstree-icon { cursor: pointer; }
.cms .jstree ins, .TreeDropdownField .treedropdownfield-panel .jstree ins { display: inline-block; text-decoration: none; width: 18px; height: 18px; margin: 0 0 0 0; padding: 0; float: left; }
.cms .jstree a, .TreeDropdownField .treedropdownfield-panel .jstree a { display: inline-block; line-height: 16px; height: 16px; color: black; white-space: nowrap; text-decoration: none; padding: 1px 2px; margin: 0; border: 1px solid #fff; }
.cms .jstree a:focus, .cms .jstree a:active, .cms .jstree a:hover, .TreeDropdownField .treedropdownfield-panel .jstree a:focus, .TreeDropdownField .treedropdownfield-panel .jstree a:active, .TreeDropdownField .treedropdownfield-panel .jstree a:hover { outline: none; text-decoration: none; cursor: pointer; text-shadow: none; }
View
3 admin/scss/_tree.scss
@@ -33,6 +33,9 @@
&.disabled > a {
color: #aaaaaa;
}
+ // Expand/collapse arrows
+ & > .jstree-icon {
+ cursor: pointer;
}
}
ins {

0 comments on commit 5bd8619

Please sign in to comment.