tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

MINOR Moved ul.tree rules from cms/css/cms_left.css to sapphire/javascript/tree/tree.css (particularly around multiselect tickbox styling)

Browse Source 
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/branches/2.4@98854 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
Ingo Schommer 2010-02-12 02:07:01 +00:00 committed by Sam Minnee
parent 060fa1e30d
commit 331c747fce
1 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
javascript/tree/tree.css
View File

@ -115,6 +115,10 @@ ul.tree a:hover{
text-decoration : none;
}
ul.tree span.a {
cursor: pointer;
}
/*
* Divs, by default store vertically aligned data
*/
@ -158,3 +162,51 @@ 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;
}