Revision 1693
Added by Jean-Philippe Lang almost 17 years ago
trunk/app/views/wiki/export.rhtml | ||
---|---|---|
6 | 6 |
<style> |
7 | 7 |
body { font:80% Verdana,Tahoma,Arial,sans-serif; } |
8 | 8 |
h1, h2, h3, h4 { font-family: Trebuchet MS,Georgia,"Times New Roman",serif; } |
9 |
ul.toc { padding: 4px; margin-left: 0; } |
|
10 |
ul.toc li { list-style-type:none; } |
|
11 |
ul.toc li.heading2 { margin-left: 1em; } |
|
12 |
ul.toc li.heading3 { margin-left: 2em; } |
|
9 | 13 |
</style> |
10 | 14 |
</head> |
11 | 15 |
<body> |
trunk/lib/redmine/wiki_formatting.rb | ||
---|---|---|
81 | 81 |
div_class = 'toc' |
82 | 82 |
div_class << ' right' if $1 == '>' |
83 | 83 |
div_class << ' left' if $1 == '<' |
84 |
out = "<div class=\"#{div_class}\">"
|
|
84 |
out = "<ul class=\"#{div_class}\">"
|
|
85 | 85 |
@toc.each_with_index do |heading, index| |
86 | 86 |
# remove wiki links from the item |
87 | 87 |
toc_item = heading.last.gsub(/(\[\[|\]\])/, '') |
88 | 88 |
# remove styles |
89 | 89 |
# eg. %{color:red}Triggers% => Triggers |
90 | 90 |
toc_item.gsub! %r[%\{[^\}]*\}([^%]+)%], '\\1' |
91 |
out << "<a href=\"##{index+1}\" class=\"heading#{heading.first}\">#{toc_item}</a>"
|
|
91 |
out << "<li class=\"heading#{heading.first}\"><a href=\"##{index+1}\">#{toc_item}</a></li>\n"
|
|
92 | 92 |
end |
93 |
out << '</div>'
|
|
93 |
out << '</ul>'
|
|
94 | 94 |
out |
95 | 95 |
end |
96 | 96 |
end |
trunk/public/stylesheets/application.css | ||
---|---|---|
461 | 461 |
overflow-x: auto; |
462 | 462 |
} |
463 | 463 |
|
464 |
div.wiki div.toc {
|
|
464 |
div.wiki ul.toc {
|
|
465 | 465 |
background-color: #ffffdd; |
466 | 466 |
border: 1px solid #e4e4e4; |
467 | 467 |
padding: 4px; |
468 | 468 |
line-height: 1.2em; |
469 | 469 |
margin-bottom: 12px; |
470 | 470 |
margin-right: 12px; |
471 |
margin-left: 0; |
|
471 | 472 |
display: table |
472 | 473 |
} |
473 |
* html div.wiki div.toc { width: 50%; } /* IE6 doesn't autosize div */
|
|
474 |
* html div.wiki ul.toc { width: 50%; } /* IE6 doesn't autosize div */
|
|
474 | 475 |
|
475 |
div.wiki div.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; } |
|
476 |
div.wiki div.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; } |
|
476 |
div.wiki ul.toc.right { float: right; margin-left: 12px; margin-right: 0; width: auto; } |
|
477 |
div.wiki ul.toc.left { float: left; margin-right: 12px; margin-left: 0; width: auto; } |
|
478 |
div.wiki ul.toc li { list-style-type:none;} |
|
479 |
div.wiki ul.toc li.heading2 { margin-left: 6px; } |
|
480 |
div.wiki ul.toc li.heading3 { margin-left: 12px; font-size: 0.8em; } |
|
477 | 481 |
|
478 |
div.wiki div.toc a { |
|
479 |
display: block; |
|
482 |
div.wiki ul.toc a { |
|
480 | 483 |
font-size: 0.9em; |
481 | 484 |
font-weight: normal; |
482 | 485 |
text-decoration: none; |
483 | 486 |
color: #606060; |
484 | 487 |
} |
485 |
div.wiki div.toc a:hover { color: #c61a1a; text-decoration: underline;}
|
|
488 |
div.wiki ul.toc a:hover { color: #c61a1a; text-decoration: underline;}
|
|
486 | 489 |
|
487 |
div.wiki div.toc a.heading2 { margin-left: 6px; } |
|
488 |
div.wiki div.toc a.heading3 { margin-left: 12px; font-size: 0.8em; } |
|
489 |
|
|
490 | 490 |
/***** My page layout *****/ |
491 | 491 |
.block-receiver { |
492 | 492 |
border:1px dashed #c0c0c0; |
Also available in: Unified diff
TOC rendered as an unordered list.