Permalink
Browse files

MINOR Moved ul.tree rules from cms/css/cms_left.css to sapphire/javas…

…cript/tree/tree.css (particularly around multiselect tickbox styling) (merged from r98854)

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@98864 467b73ca-7a2a-4603-9d3b-597d59a354a9
  • Loading branch information...
1 parent e12e57e commit 89982fa115e5363a1c49182d77666e34a70283aa @chillu chillu committed Feb 12, 2010
Showing with 52 additions and 0 deletions.
  1. +52 −0 javascript/tree/tree.css
View
@@ -115,6 +115,10 @@ ul.tree a:hover{
text-decoration : none;
}
+ul.tree span.a {
+ cursor: pointer;
+}
+
/*
* Divs, by default store vertically aligned data
*/
@@ -157,4 +161,52 @@ ul.tree a.dragOver, ul.tree li.dragOver a, ul.tree li.dragOver li.dragOver a {
ul.tree li.dragOver li a {
border-style: none;
margin: 0;
+}
+
+/**
+ * Multiselect
+ */
+ul.tree span.a.current {
+ font-weight: bold;
+ background-color: #EEEEFF !important;
+ border-top: 1px #CCCCFF solid;
+ border-bottom: 1px #CCCCFF solid;
+ /* these push the highlight out to the left of the window */
+ margin-left: -100px;
+ padding-left: 100px;
+ background-position: 100px 50%;
+ /*position: relative;*/
+}
+
+ul.tree span.a.loading span.b span.c a {
+ background-image: url(../../../cms/images/network-save.gif) !important;
+ margin-left: -3px;
+ padding-left: 21px;
+ background-position : 2px 2px;
+}
+
+ul.tree.multiselect span.a span.b a {
+ background-image: url(../../../cms/images/tickbox-unticked.gif) !important;
+}
+
+ul.tree.multiselect span.a.nodelete span.b a {
+ background-image: url(../../../cms/images/tickbox-canttick.gif) !important;
+}
+ul.tree.multiselect span.a.treeloading span.b a {
+ background-image: url(../../../cms/images/tickbox-greyedout.gif) !important;
+}
+ul.tree.multiselect span.a.failed span.b a {
+ background-image: url(../../../cms/images/tickbox-fail.gif) !important;
+}
+
+
+ul.tree.multiselect span.a.selected span.b span.c a {
+ background-image: url(../../../cms/images/tickbox-ticked.gif) !important;
+}
+
+/* Span-B: Plus/Minus icon */
+ul.tree.multiselect li.selected span.a.children span.b,
+ul.tree.multiselect li.selected span.a.unexpanded span.b {
+ background-image: none;
+ cursor: default;
}

0 comments on commit 89982fa

Please sign in to comment.