Added message options to package list (bit buggy)

diff --git a/wcfsetup/install/files/acp/templates/packageList.tpl b/wcfsetup/install/files/acp/templates/packageList.tpl
index 12f50b2ca6407c56fcdcba9c8778dba9930b71cd..be78aa0aee95464f0f3bef188003ca8e2f7537ee 100644 (file)
--- a/wcfsetup/install/files/acp/templates/packageList.tpl
+++ b/wcfsetup/install/files/acp/templates/packageList.tpl
@@ -42,15 +42,14 @@
                        <h1>{lang}wcf.acp.package.application.installed{/lang}</h1>
                </hgroup>
                
-               <ol class="wcf-applicationList">
+               <ol class="applicationList">
                        {foreach from=$applications key=packageID item=package}
-                               <li class="wcf-infoPackageApplication">
+                               <li>
                                        <fieldset>
                                                <legend>{$package->getName()}</legend>
                                                
-                                               <img src="{@$__wcf->getPath()}icon/wcfIcon1.svg" alt="" title="{$package->getName()}" class="wcf-packageApplicationIcon" />
-                                               
-                                               <div>
+                                               <div class="box96">
+                                                       <img src="{@$__wcf->getPath()}icon/wcfIcon1.svg" alt="" title="{$package->getName()}" class="icon96" />
                                                        <dl>
                                                                <dt>{lang}wcf.acp.package.identifier{/lang}</dt>
                                                                <dd>{$package->package}</dd>
@@ -75,16 +74,16 @@
                                                                <dt>{lang}wcf.acp.package.author{/lang}</dt>
                                                                <dd>{if $package->authorURL}<a href="dereferrer.php?url={$package->authorURL|rawurlencode}">{/if}{$package->author}{if $package->authorURL}</a>{/if}</dd>
                                                        </dl>
+                                                       
+                                                       <footer class="contentOptions clearfix">
+                                                               <nav>
+                                                                       <ul class="smallButtons">
+                                                                               <li><a href="{link controller='PackageView' id=$packageID}{/link}" class="button"><img src="{@$__wcf->getPath()}icon/info1.svg" alt="" title="{lang}wcf.acp.package.button.info{/lang}" class="icon16" /> <span>{lang}wcf.acp.package.button.info{/lang}</span></a></li>
+                                                                               <li><a href="{link controller='PackageStartInstall' id=$packageID}action=update{/link}" class="button"><img src="{@$__wcf->getPath()}icon/update1.svg" alt="" title="{lang}wcf.acp.package.button.update{/lang}" class="icon16" /> <span>{lang}wcf.acp.package.button.update{/lang}</span></a></li>
+                                                                       </ul>
+                                                               </nav>
+                                                       </footer>
                                                </div>
-                                               
-                                               <footer>
-                                                       <nav>
-                                                               <ul class="wcf-smallButtons">
-                                                                       <li><a href="{link controller='PackageView' id=$packageID}{/link}" class="wcf-button"><img src="{@$__wcf->getPath()}icon/info1.svg" alt="" title="{lang}wcf.acp.package.button.info{/lang}" /> <span>{lang}wcf.acp.package.button.info{/lang}</span></a></li>
-                                                                       <li><a href="{link controller='PackageStartInstall' id=$packageID}action=update{/link}" class="wcf-button"><img src="{@$__wcf->getPath()}icon/update1.svg" alt="" title="{lang}wcf.acp.package.button.update{/lang}" /> <span>{lang}wcf.acp.package.button.update{/lang}</span></a></li>
-                                                               </ul>
-                                                       </nav>
-                                               </footer>
                                        </fieldset>
                                </li>
                        {/foreach}

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 30cc3df701a35d47a86847f7021383459dcf439b..5f80809ca6015507a4f77ed3aa002ec3c93b7101 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -222,6 +222,46 @@ dl.dataList {
        }
 }
 
+.contentOptions {
+       font-size: 100%;
+       line-height: 1;
+       position: relative;
+       
+       nav {
+               bottom: -2px;
+               opacity: 0;
+               position: absolute;
+               right: -21px;
+               text-align: right;
+               
+               .transition(opacity, .1s);
+
+               ul.smallButtons > li {
+                       display: inline-block;
+                       margin-left: -5px;
+                       
+                       &:first-child a.button {
+                               border-top-left-radius: 14px;
+                       }
+                       
+                       &:last-child a.button {
+                               border-bottom-right-radius: @wcfContainerBorderRadius;
+                       }
+                       
+                       a.button {
+                               margin: 0;
+                               padding-right: @wcfGapSmall;
+                               
+                               .borderRadius(0);
+                       }
+               }
+       }
+}
+
+.applicationList:hover .contentOptions nav {
+       opacity: 1;
+}
+
 /* -- -- -- Shadows -- -- --  */
 
 /* Shadows for boxes - do not use on small boxes! */

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index 2c4b22d7eda829bc56155908765a6150f2d78e5f..47a026f11cfcc6bdac91d94670e01eebb7430d32 100644 (file)
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -12,7 +12,7 @@
                display: block;
        }
        
-       &:hover .messageFooter nav {
+       &:hover .contentOptions nav {
                        opacity: 1;
        }
        
@@ -314,50 +314,6 @@
                margin: 10px 0 0;
                padding: 10px 0;
        }
-       
-       .messageFooter {
-               font-size: 100%;
-               line-height: 1;
-               position: relative;
-               
-               /*
-               &:after {
-                       clear: both;
-                       content: "";
-                       position: relative;
-               }
-               */
-               
-               nav {
-                       bottom: -2px;
-                       opacity: 0;
-                       position: absolute;
-                       right: -21px;
-                       text-align: right;
-                       
-                       .transition(opacity, .1s);
-                       
-                       li {
-                               display: inline-block;
-                               margin-left: -5px;
-                               
-                               &:first-child a.button {
-                                       border-top-left-radius: 14px;
-                               }
-                               
-                               &:last-child a.button {
-                                       border-bottom-right-radius: @wcfContainerBorderRadius;
-                               }
-                               
-                               a.button {
-                                       margin: 0;
-                                       padding-right: @wcfGapSmall;
-                                       
-                                       .borderRadius(0);
-                               }
-                       }
-               }
-       }
 }
 
 li:nth-child(2n+1) .message {