From 82d3165a19eb70e12ef025a8c24314ea6c2ae3b6 Mon Sep 17 00:00:00 2001
From: Matthias Mees <mm@yellowled.de>
Date: Fri, 25 Apr 2014 11:26:48 +0200
Subject: [PATCH] Fix weird equal heights in list of installable plugins.

Some plugins on Spartacus have longer descriptions, making their
entires longer. Now, the description is collapsible using a details
element.

References #125
---
 templates/2k11/admin/plugins.inc.tpl | 16 ++++++++++++++--
 templates/2k11/admin/style.css       | 10 ++++++++--
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/templates/2k11/admin/plugins.inc.tpl b/templates/2k11/admin/plugins.inc.tpl
index 24627c03..cf1f96cf 100644
--- a/templates/2k11/admin/plugins.inc.tpl
+++ b/templates/2k11/admin/plugins.inc.tpl
@@ -77,9 +77,21 @@
         {foreach $groupstack as $plug}
             <li class="clearfix">
                 <div class="equal_heights">
-                    <h4>{$plug.name} ({$plug.class_name})</h4>
+                    <h4>{$plug.name}</h4>
 
-                    <p class="plugin_desc">{$plug.description}</p>
+                {if $plug.description}
+                    <details class="plugin_data">
+                        <summary><var class="perm_name">[{$plug.class_name}]</var></summary>
+
+                        <div class="plugin_desc clearfix">
+                        {$plug.description}
+                        </div>
+                    </details>
+                {else}
+                    <div class="plugin_data">
+                        <var class="perm_name">[{$plug.class_name}]</var>
+                    </div>
+                {/if}
 
                     <ul class="plugin_info plainList">
                     {if ! empty($plug.author)}
diff --git a/templates/2k11/admin/style.css b/templates/2k11/admin/style.css
index f55e4d19..c20f2b93 100644
--- a/templates/2k11/admin/style.css
+++ b/templates/2k11/admin/style.css
@@ -479,7 +479,8 @@ label > span,
 #mediaPropertyForm header b,
 #mediaPropertyForm footer b,
 #content .upgrade_done,
-.pluginmanager_description .perm_name {
+.pluginmanager_description .perm_name,
+.plugin_data > .perm_name {
     display: block;
 }
 
@@ -502,7 +503,8 @@ details,
 form > a,
 form > button,
 #content .upgrade_done,
-#upgrade_notice {
+#upgrade_notice,
+.plugin_data > .perm_name {
     margin-top: 1.5em;
     margin-bottom: 1.5em;
 }
@@ -517,6 +519,10 @@ form > button,
     margin-bottom: .25em;
 }
 
+.plugin_desc {
+    margin-top: .25em;
+}
+
 #categories,
 #categories ul,
 #serendipity_image_folders,