From 2a23c45b44f0c85075401b577cc432a533005d93 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Thu, 29 Mar 2012 00:48:30 +0200
Subject: [PATCH] Added message options to package list (bit buggy)

---
 .../files/acp/templates/packageList.tpl       | 27 ++++++-----
 wcfsetup/install/files/style/layout.less      | 40 ++++++++++++++++
 wcfsetup/install/files/style/message.less     | 46 +------------------
 3 files changed, 54 insertions(+), 59 deletions(-)

diff --git a/wcfsetup/install/files/acp/templates/packageList.tpl b/wcfsetup/install/files/acp/templates/packageList.tpl
index 12f50b2ca6..be78aa0aee 100644
--- 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 30cc3df701..5f80809ca6 100644
--- 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 2c4b22d7ed..47a026f11c 100644
--- 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 {
-- 
2.20.1