summaryrefslogtreecommitdiffstats
path: root/web/html/packages.php
diff options
context:
space:
mode:
authorLukas Fleischer <lfleischer@archlinux.org>2017-04-24 18:10:16 +0200
committerLukas Fleischer <lfleischer@archlinux.org>2017-04-24 21:10:02 +0200
commit4be9aa6350430703383b9df26be2aa37ce840cdc (patch)
treea392c0e7ce4907c1430b5a6ae9b0609796af5e43 /web/html/packages.php
parentfd880a7a84f6d644bf220199f69da3738f2672cb (diff)
downloadaur-4be9aa6350430703383b9df26be2aa37ce840cdc.tar.gz
aur-4be9aa6350430703383b9df26be2aa37ce840cdc.tar.xz
Fix the comment collapse feature
In commit 4abde89 (Use JavaScript to collapse long comments, 2017-04-19), support for collapsing/expanding long comments was added. This was broken by the recent Markdown support since comments no longer live inside a single HTML paragraph. Fix this by wrapping each comment in another div container. Signed-off-by: Lukas Fleischer <lfleischer@archlinux.org>
Diffstat (limited to 'web/html/packages.php')
-rw-r--r--web/html/packages.php23
1 files changed, 12 insertions, 11 deletions
diff --git a/web/html/packages.php b/web/html/packages.php
index 8d76c76d..7d5b2075 100644
--- a/web/html/packages.php
+++ b/web/html/packages.php
@@ -74,32 +74,33 @@ function collapseDependsList(list) {
function collapseComment(div) {
var linkid = div.attr('id') + 'link',
- par = div.find('p'),
- height = par.height(),
+ inner = div.find('div'),
+ height = inner.height(),
maxheight = 200;
if (height <= maxheight)
return;
- par.css({ 'overflow': 'hidden', 'height': maxheight + 'px' });
- par.addClass('collapsed');
- par.after('<p><a id="' + linkid + '" href="#">Show More…</a></p>');
+ inner.css({ 'overflow': 'hidden', 'height': maxheight + 'px' });
+ inner.addClass('collapsed');
+ inner.after('<p><a id="' + linkid + '" href="#">Show More…</a></p>');
$('#' + linkid).click(function(event) {
+ var inner = $(this).parent().parent().find('div');
var newheight;
- if (par.hasClass('collapsed')) {
- par.css({ 'height': 'auto' });
- newheight = par.height();
- par.css({ 'height': maxheight });
+ if (inner.hasClass('collapsed')) {
+ inner.css({ 'height': 'auto' });
+ newheight = inner.height();
+ inner.css({ 'height': maxheight });
$(this).text('Collapse');
} else {
newheight = maxheight;
$(this).text('Show More…');
}
- par.animate({ 'height': newheight });
- par.toggleClass('collapsed');
+ inner.animate({ 'height': newheight });
+ inner.toggleClass('collapsed');
event.preventDefault();
});
}