From 89982fa115e5363a1c49182d77666e34a70283aa Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Fri, 12 Feb 2010 02:41:11 +0000 Subject: [PATCH] MINOR Moved ul.tree rules from cms/css/cms_left.css to sapphire/javascript/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 --- javascript/tree/tree.css | 52 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) diff --git a/javascript/tree/tree.css b/javascript/tree/tree.css index b49b03a79..2f33f2b74 100644 --- a/javascript/tree/tree.css +++ b/javascript/tree/tree.css @@ -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; } \ No newline at end of file