From 331c747fcede6ffa87edfdfa3f868169b0fdd8be Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Fri, 12 Feb 2010 02:07:01 +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) git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/branches/2.4@98854 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 93e9e112f..0252a8d2a 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