summaryrefslogtreecommitdiffstats
path: root/web/html
diff options
context:
space:
mode:
Diffstat (limited to 'web/html')
-rw-r--r--web/html/css/aurweb.css5
-rw-r--r--web/html/packages.php35
2 files changed, 35 insertions, 5 deletions
diff --git a/web/html/css/aurweb.css b/web/html/css/aurweb.css
index f777ab83..f5e10371 100644
--- a/web/html/css/aurweb.css
+++ b/web/html/css/aurweb.css
@@ -148,8 +148,3 @@ label.confirmation,
color: red;
font-weight: bold;
}
-
-#news div p {
- max-height: 15em;
- overflow: auto;
-}
diff --git a/web/html/packages.php b/web/html/packages.php
index 113a1145..8d76c76d 100644
--- a/web/html/packages.php
+++ b/web/html/packages.php
@@ -72,10 +72,45 @@ function collapseDependsList(list) {
});
}
+function collapseComment(div) {
+ var linkid = div.attr('id') + 'link',
+ par = div.find('p'),
+ height = par.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>');
+
+ $('#' + linkid).click(function(event) {
+ var newheight;
+
+ if (par.hasClass('collapsed')) {
+ par.css({ 'height': 'auto' });
+ newheight = par.height();
+ par.css({ 'height': maxheight });
+ $(this).text('Collapse');
+ } else {
+ newheight = maxheight;
+ $(this).text('Show More…');
+ }
+
+ par.animate({ 'height': newheight });
+ par.toggleClass('collapsed');
+ event.preventDefault();
+ });
+}
+
$(document).ready(function() {
collapseDependsList("#pkgdepslist");
collapseDependsList("#pkgreqslist");
collapseDependsList("#pkgsrcslist");
+ $(".article-content").each(function() {
+ collapseComment($(this));
+ });
});
</script>