Cameron Ball
a71b983db8
The renderer and styles require changes to match the new behaviour introduced by the modifications to tree.js and the JavaScript renderer. The PHP renderer now closely matches the JavaScript one, and we now use the aria-hidden attribute to determine the node state.
28 lines
2.0 KiB
CSS
28 lines
2.0 KiB
CSS
.block_settings .block_tree ul {margin-left: 18px;}
|
|
.block_settings .block_tree p.hasicon {text-indent: -21px; padding-left: 21px;}
|
|
.block_settings .block_tree p.hasicon img {width: 16px; height: 16px; margin-top: 3px; margin-right: 5px; vertical-align: top;}
|
|
|
|
.block_settings .block_tree .tree_item.branch {padding-left: 21px;}
|
|
.block_settings .block_tree .tree_item {cursor:pointer; margin:3px 0px; background-position: 0 50%; background-repeat: no-repeat;}
|
|
.block_settings .block_tree .active_tree_node {font-weight:bold;}
|
|
|
|
.block_settings .block_tree [aria-expanded="true"] {background-image: url('[[pix:t/expanded]]');}
|
|
.block_settings .block_tree [aria-expanded="false"] {background-image: url('[[pix:t/collapsed]]');}
|
|
.block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url('[[pix:t/collapsed_empty]]');}
|
|
.block_settings .block_tree [aria-expanded="false"].loading {background-image: url('[[pix:i/loading_small]]');}
|
|
.block_settings .block_tree [aria-hidden="false"] {display: block;}
|
|
.block_settings .block_tree [aria-hidden="true"] {display: none;}
|
|
|
|
/** Internet explorer specific rules **/
|
|
.ie6 .block_settings .block_tree .tree_item {width:100%;}
|
|
|
|
/** Overide for RTL layout **/
|
|
.dir-rtl .block_settings .block_tree p.hasicon {padding-left: 0px; padding-right: 21px;}
|
|
.dir-rtl .block_settings .block_tree .tree_item {background-position: 100% 50%;}
|
|
.dir-rtl .block_settings .block_tree .tree_item.branch {padding-right: 21px; padding-left: 0;}
|
|
.dir-rtl .block_settings .block_tree [aria-expanded="false"] {background-image: url('[[pix:t/collapsed_rtl]]');}
|
|
.dir-rtl .block_settings .block_tree [aria-expanded="true"].emptybranch {background-image: url('[[pix:t/collapsed_empty_rtl]]');}
|
|
.dir-rtl .block_settings .block_tree [aria-expanded="false"].loading {background-image: url('[[pix:i/loading_small]]');}
|
|
.dir-rtl .block_settings .block_tree .tree_item img {margin-right: 0; margin-left: 5px;}
|
|
.dir-rtl .block_settings .block_tree ul {margin: 0 16px 0 0;}
|