diff options
| author | Cameron McEfee <cameron@github.com> | 2011-05-16 16:55:19 -0700 |
|---|---|---|
| committer | Cameron McEfee <cameron@github.com> | 2011-05-16 16:55:32 -0700 |
| commit | 19bac5de92117513f86c7b646a16a139f7e80872 (patch) | |
| tree | 883e4f0604f9e31ebf232386232eb70e48b14d5f | |
| parent | 4a73a1e5bc6ae610f356cbaafec5c32c4a9bb95a (diff) | |
expand active item/category
There isn't really a good way to deal with situations where there is more than one category for a post. For now, the script just expands/highlights the first occurrence. This will probably work most of the time, since the only multiple instance posts seem to be OS related. Showing the non-OS category is probably better. Ideally, we should come up with a more concise method of organization where there are no duplicates.
| -rw-r--r-- | shared/css/documentation.css | 6 | ||||
| -rw-r--r-- | shared/images/active-arrow.png | bin | 0 -> 1025 bytes | |||
| -rw-r--r-- | shared/js/documentation.js | 11 |
3 files changed, 13 insertions, 4 deletions
diff --git a/shared/css/documentation.css b/shared/css/documentation.css index cafbefb..25ee156 100644 --- a/shared/css/documentation.css +++ b/shared/css/documentation.css @@ -258,6 +258,12 @@ div.sidebar-module li.disable { background-color: #f0f0f3; } +div.sidebar-module li.disable { + background-image: url(/shared/images/active-arrow.png); + background-position: left center; + background-repeat: no-repeat; +} + div.sidebar-module ul ul li a, div.sidebar-module ul ul li span { padding: 6px 0px 6px 10px; diff --git a/shared/images/active-arrow.png b/shared/images/active-arrow.png Binary files differnew file mode 100644 index 0000000..ab24ec6 --- /dev/null +++ b/shared/images/active-arrow.png diff --git a/shared/js/documentation.js b/shared/js/documentation.js index 0625a91..8711120 100644 --- a/shared/js/documentation.js +++ b/shared/js/documentation.js @@ -1,12 +1,15 @@ // Init sidebar $(function() { var activeItem, - helpList = $('#js-help-sidebar .js-topic') - + helpList = $('#js-help-sidebar .js-topic'), + firstOccurance = true $('#js-help-sidebar .js-guides').each(function(){ - //if($(this).find('.disable').length == 0){ + if($(this).find('.disable').length == 0 || firstOccurance == false){ $(this).children().hide() - //} + } else { + activeItem = $(this).index() + firstOccurance = false + } }) $('#js-help-sidebar .js-topic h3 a').click(function(){ |
