From: Marcel Werk <burntime@woltlab.com>
Date: Sun, 7 Jul 2019 18:59:29 +0000 (+0200)
Subject: Improved "Participate now" box
X-Git-Tag: 5.2.0_Alpha_2~38
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=bc29a383ffce45a9cc3909bed1581b07f65dac4f;p=GitHub%2FWoltLab%2FWCF.git

Improved "Participate now" box
---

diff --git a/com.woltlab.wcf/box.xml b/com.woltlab.wcf/box.xml
index 59aa0ca93a..28e0ff64f1 100644
--- a/com.woltlab.wcf/box.xml
+++ b/com.woltlab.wcf/box.xml
@@ -44,6 +44,7 @@
 			<boxType>system</boxType>
 			<position>contentBottom</position>
 			<objectType>com.woltlab.wcf.registerButton</objectType>
+			<cssClassName>boxInfo</cssClassName>
 			<showHeader>1</showHeader>
 			<content language="de">
 				<title>Jetzt mitmachen!</title>
diff --git a/com.woltlab.wcf/templates/boxRegisterButton.tpl b/com.woltlab.wcf/templates/boxRegisterButton.tpl
index d5d60839d9..39f6931c1a 100644
--- a/com.woltlab.wcf/templates/boxRegisterButton.tpl
+++ b/com.woltlab.wcf/templates/boxRegisterButton.tpl
@@ -3,12 +3,10 @@
 
 <div class="formSubmit"><a href="{link controller='Register'}{/link}" class="button buttonPrimary">{lang}wcf.user.login.register.registerNow{/lang}</a></div>
 {elseif $box->position == 'contentTop' || $box->position == 'contentBottom'}
-<div class="info">
-	<p>{lang}wcf.user.login.register.teaser{/lang}</p>
+<p>{lang}wcf.user.login.register.teaser{/lang}</p>
 
-	<div class="formSubmit">
-		<a href="{link controller='Register'}{/link}" class="button buttonPrimary">{lang}wcf.user.login.register.registerNow{/lang}</a>
-		<a href="{link controller='Login'}{/link}" class="button buttonPrimary">{lang}wcf.user.button.login{/lang}</a>
-	</div>
+<div class="formSubmit">
+	<a href="{link controller='Register'}{/link}" class="button buttonPrimary">{lang}wcf.user.login.register.registerNow{/lang}</a>
+	<a href="{link controller='Login'}{/link}" class="button buttonPrimary">{lang}wcf.user.button.login{/lang}</a>
 </div>
 {/if}
diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 5ff9ab8b40..2f2bd39fcb 100644
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -695,6 +695,28 @@
 		}
 	}
 	
+	.boxInfo {
+		background-color: $wcfStatusInfoBackground;
+		color: $wcfStatusInfoText;
+		padding: 20px;
+		text-align: center;
+		
+		a:not(.button) {
+			color: $wcfStatusInfoLink;
+			
+			@include wcfFontBold;
+			
+			&:hover {
+				color: $wcfStatusInfoLinkActive;
+				text-decoration: underline;
+			}
+		}
+		
+		.formSubmit {
+			margin-top: 20px;
+		}
+	}
+	
 	@include screen-xs {
 		.boxImage {
 			align-items: center;