Improved "Participate now" box
authorMarcel Werk <burntime@woltlab.com>
Sun, 7 Jul 2019 18:59:29 +0000 (20:59 +0200)
committerMarcel Werk <burntime@woltlab.com>
Sun, 7 Jul 2019 18:59:29 +0000 (20:59 +0200)
com.woltlab.wcf/box.xml
com.woltlab.wcf/templates/boxRegisterButton.tpl
wcfsetup/install/files/style/layout/box.scss

index 59aa0ca93a1d795381d229bbe1eae96ebb83ded6..28e0ff64f19a9898d26d252fcc9290951b987a5e 100644 (file)
@@ -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>
index d5d60839d9eec1a2e2e7abec9c7b7cddcda7aabe..39f6931c1ae1ad79ddf027a5a6131904b665bb04 100644 (file)
@@ -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}
index 5ff9ab8b4036ffb210ade03b8e0995f17526bfd2..2f2bd39fcbd644d105358ccb2ca73011cf898c9f 100644 (file)
                }
        }
        
+       .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;