plugin manager : styling again

git-svn-id: http://piwigo.org/svn/trunk@11011 68402e56-0260-453c-a942-63ccdbb3a9ee

2 files changed, 9 insertions, 7 deletions

diff --git a/admin/themes/default/template/plugins_list.tpl b/admin/themes/default/template/plugins_list.tpl
index 7efdd822f..71bc70e74 100644
--- a/admin/themes/default/template/plugins_list.tpl
+++ b/admin/themes/default/template/plugins_list.tpl
@@ -56,13 +56,13 @@ jQuery(document).ready(function() {
     'fadeIn' : 200,
     'fadeOut' : 200
   });
-  jQuery('.pluginMiniBoxDesc').tipTip({
+  jQuery('.showInfo').tipTip({
     'delay' : 0,
     'fadeIn' : 200,
     'fadeOut' : 200,
     'maxWidth':'300px', /* not effective, TipTip bug */
-    'defaultPosition':'left',
-    'keepAlive':true
+    'keepAlive':true,
+    'activation':'click'
   });
 });
 {/literal}
@@ -165,7 +165,8 @@ jQuery(document).ready(function() {
     <div id="{$plugin.ID}" class="pluginMiniBox {$plugin.STATE}{if $plugin.INCOMPATIBLE} incompatible{/if}">
       <div class="pluginMiniBoxNameCell">
         {if $plugin.INCOMPATIBLE}<span class="warning" title="{'WARNING! This plugin does not seem to be compatible with this version of Piwigo.'|@translate|@escape:'html'}"></span>{/if}
-        <span class="pluginMiniBoxDesc" title="{if !empty($author)}{'By %s'|@translate|@sprintf:$author} | {/if}{'Version'|@translate} {$version}<br/>{$plugin.DESC|@escape:'html'}">{$plugin.NAME}</span>
+        {$plugin.NAME}
+        <a class="showInfo" title="{if !empty($author)}{'By %s'|@translate|@sprintf:$author} | {/if}{'Version'|@translate} {$version}<br/>{$plugin.DESC|@escape:'html'}">i</a>
       </div>
       <div class="pluginActions">
         <div>
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 05c6bac8a..c959cc63e 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -914,15 +914,16 @@ h2:lang(en) { text-transform:capitalize; }
   -moz-border-radius:5px;
   overflow:hidden; 
  }
-.pluginMiniBoxNameCell {font-size:1.05em; margin:5px 0;}
+.pluginMiniBoxNameCell {font-size:1.05em; margin:5px 0;position:relative;}
 .pluginActions {display: table-row; font-size:12px; }
 .pluginActions DIV {display: table-cell; vertical-align: middle; line-height:18px; }
+.showInfo {display:block;position:absolute;top:0;right:5px;width:15px;font-style:italic;font-family:"Georgia",serif;background-color:#464646;font-size:0.9em;border-radius:10px;-moz-border-radius:10px;}
 
 .warning:before {content:url(icon/warning.png);vertical-align:top;}
-.deactivate_all {position:absolute;bottom:-10px;right:18px;color:#f36;border-bottom:1px dotted #f36;font-size:0.8em;}
+.deactivate_all {position:absolute;bottom:0;right:18px;color:#f36;border-bottom:1px dotted #f36;font-size:0.8em;}
 
 .languageBoxes {min-height:0;text-align:left;}
-.languageBox {display:inline-table; text-align:center; width:200px; height:40px; margin:5px; -moz-border-radius:5px; overflow:hidden; }
+.languageBox {display:inline-table; text-align:center; width:200px; height:40px; margin:5px; -moz-border-radius:5px;border-radius:5px; overflow:hidden; }
 .languageName {font-size:1.1em; margin:5px 0;}
 .languageActions {display: table-row; font-size:12px; }
 .languageActions DIV {display: table-cell; vertical-align: middle; line-height:18px; }