Make further links collapsible.

This commit is contained in:
Matthias Mees 2013-07-07 17:25:48 +02:00
parent cba3d9acdb
commit cf284194f2
3 changed files with 45 additions and 11 deletions

View File

@ -71,16 +71,18 @@
</section>
{/if}
<section id="further_links">
<h3>{$CONST.FURTHER_LINKS}</h3>
<ul class="clearfix plainList">
<li><a href="http://www.s9y.org/">{$CONST.FURTHER_LINKS_S9Y}</a></li>
<li><a href="http://www.s9y.org/33.html">{$CONST.FURTHER_LINKS_S9Y_DOCS}</a></li>
<li><a href="http://blog.s9y.org/">{$CONST.FURTHER_LINKS_S9Y_BLOG}</a></li>
<li><a href="http://www.s9y.org/forums/">{$CONST.FURTHER_LINKS_S9Y_FORUMS}</a></li>
<li><a href="http://spartacus.s9y.org/">{$CONST.FURTHER_LINKS_S9Y_SPARTACUS}</a></li>
<li><a class="s9y_bookmarklet" href="{$bookmarklet}" title="{$CONST.FURTHER_LINKS_S9Y_BOOKMARKLET_DESC}">{$CONST.FURTHER_LINKS_S9Y_BOOKMARKLET}</a></li>
</ul>
<h3 class="collapsed"><a href="#s9y_links" class="toggle_links"><span class="icon-plus"></span> {$CONST.FURTHER_LINKS}</a></h3>
<div id="s9y_links" class="additional_info">
<ul class="clearfix plainList">
<li><a href="http://www.s9y.org/">{$CONST.FURTHER_LINKS_S9Y}</a></li>
<li><a href="http://www.s9y.org/33.html">{$CONST.FURTHER_LINKS_S9Y_DOCS}</a></li>
<li><a href="http://blog.s9y.org/">{$CONST.FURTHER_LINKS_S9Y_BLOG}</a></li>
<li><a href="http://www.s9y.org/forums/">{$CONST.FURTHER_LINKS_S9Y_FORUMS}</a></li>
<li><a href="http://spartacus.s9y.org/">{$CONST.FURTHER_LINKS_S9Y_SPARTACUS}</a></li>
<li><a class="s9y_bookmarklet" href="{$bookmarklet}" title="{$CONST.FURTHER_LINKS_S9Y_BOOKMARKLET_DESC}">{$CONST.FURTHER_LINKS_S9Y_BOOKMARKLET}</a></li>
</ul>
</div>
</section>
</div>
<script src="{serendipity_getFile file='admin/js/jquery.syncheight.js'}"></script>

View File

@ -1291,6 +1291,21 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
e.preventDefault();
});
// Show further links
$('.toggle_links').click(function(e) {
var $el = $(this);
$($el.attr('href')).toggleClass('additional_info');
$el.parent().toggleClass('collapsed');
var $toggleIcon = $el.find('> span');
var $toggleState = $toggleIcon.attr('class');
if($toggleState == 'icon-minus') {
$toggleIcon.removeClass('icon-minus').addClass('icon-plus');
} else {
$toggleIcon.removeClass('icon-plus').addClass('icon-minus');
}
e.preventDefault();
});
// Media file actions
$('.media_fullsize').click(function(e) {
e.preventDefault();

View File

@ -835,7 +835,8 @@ input[type=checkbox],
.form_multiselect,
#entry_skip,
#filter_entries,
#sort_entries {
#sort_entries,
#s9y_links > ul {
margin-top: .75em;
margin-bottom: .75em;
}
@ -1480,6 +1481,22 @@ form > .button_link:first-of-type,
padding: 0 1em;
}
.js #dashboard > #further_links > .collapsed {
border-bottom: 0 none;
}
#further_links h3 > a,
#further_links h3 > a:visited {
color: #666;
text-decoration: none;
}
#further_links h3 > a:hover,
#further_links h3 > a:focus {
color: #222;
text-decoration: none;
}
.media_wrap_thumb {
float: left;
margin: 0 2% 1em 0;