Some typos, Faster scroll Effect, Tabs

Fixed some typos, quickened the smooth-scroll effect, gave the tabs a
max-width to prevent too wide pages when there are too many tabs (not
really a good solution!), fixed some small spacing problems with
borders and fieldsets.

diff --git a/wcfsetup/install/files/acp/style/testing.css b/wcfsetup/install/files/acp/style/testing.css
index e7272db5bc8376f5207aa392bac8888c2a63cb1c..751db8d1377efa5737c03c940ddc677f53a37962 100644 (file)
--- a/wcfsetup/install/files/acp/style/testing.css
+++ b/wcfsetup/install/files/acp/style/testing.css
@@ -358,17 +358,17 @@ section.content {
        vertical-align: top;
 }
 
-section.content .content {
-       border: 1px solid #ccc;
-       background-color: rgba(0, 0, 0, .01);
-       padding: 13px 23px;
-}
-
 div.main > div section:only-child {
        display: block !important;
        width: auto;
 }
 
+section.content .content {
+       border: 1px solid #ccc;
+       background-color: rgba(0, 0, 0, .01);
+       padding: 13px 23px 23px;
+}
+
 
 
 /* -- -- -- -- -- Content Header & Footer -- -- -- -- -- */
@@ -587,12 +587,12 @@ fieldset {
        border: 1px solid #ccc;
        border-radius: 7px;
        background-color: rgba(0, 0, 0, .015);
-       margin: 7px 0 0;
+       margin: 15px 0 0;
        padding: 15px;
 }
 
 fieldset:last-child, fieldset:only-child {
-       margin: 7px 0 7px !important;
+       margin-bottom: 7px !important;
 }
 
 /* experimental 
@@ -1350,6 +1350,8 @@ input[type='button'][disabled='disabled'],
        position: relative;
        bottom: -1px;
        z-index: 10;
+       max-width: 200px;
+       overflow: hidden;
 }
 
 .tabMenu li:not(.ui-state-active) a:hover {

diff --git a/wcfsetup/install/files/acp/templates/option.tpl b/wcfsetup/install/files/acp/templates/option.tpl
index 84db769475897801f1855aaf6ff4952d4750b50e..4ffca0ec22715e8bfdb157041daf00905ac7adf0 100644 (file)
--- a/wcfsetup/install/files/acp/templates/option.tpl
+++ b/wcfsetup/install/files/acp/templates/option.tpl
@@ -30,13 +30,13 @@
                <nav class="tabMenu">
                        <ul>
                                {foreach from=$optionTree item=categoryLevel1}
-                                       <li><a href="#{@$categoryLevel1[object]->categoryName}">{*<span>*}{lang}wcf.acp.option.category.{@$categoryLevel1[object]->categoryName}{/lang}{*</span>*}</a></li>
+                                       <li><a href="#{@$categoryLevel1[object]->categoryName}" title="{lang}wcf.acp.option.category.{@$categoryLevel1[object]->categoryName}{/lang}">{*<span>*}{lang}wcf.acp.option.category.{@$categoryLevel1[object]->categoryName}{/lang}{*</span>*}</a></li>
                                {/foreach}
                        </ul>
                </nav>
                
                {foreach from=$optionTree item=categoryLevel1}
-                       <div class="border tabMenuContent hidden" id="{@$categoryLevel1[object]->categoryName}">
+                       <div id="{@$categoryLevel1[object]->categoryName}" class="border tabMenuContent hidden">
                                <hgroup class="subHeading">
                                        <h1>{lang}wcf.acp.option.category.{@$categoryLevel1[object]->categoryName}{/lang}</h1>
                                        <h2>{lang}wcf.acp.option.category.{$categoryLevel1[object]->categoryName}.description{/lang}</h2>

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index edcedbe20b6a6c3e5b45f2ca62f04c45e5a021be..69baf8245f2163c7e98916737e63367fdb9602ba 100644 (file)
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -687,7 +687,7 @@ WCF.Clipboard = {
                        $container.empty();
                });
                
-               // do not buid new editors
+               // do not build new editors
                if (!data.items) return;
                
                // rebuild editors
@@ -2016,7 +2016,7 @@ WCF.Effect.SmoothScroll.prototype = {
                                        if ($targetOffset < 0) $targetOffset = 0;
                                }
                                
-                               $('html,body').animate({ scrollTop: $targetOffset }, 1200, function (x, t, b, c, d) {
+                               $('html,body').animate({ scrollTop: $targetOffset }, 400, function (x, t, b, c, d) {
                                        return -c * ((t=t/d-1)*t*t*t - 1) + b;
                                });
                                
@@ -2027,7 +2027,7 @@ WCF.Effect.SmoothScroll.prototype = {
 };
 
 /**
- * Creates a smooth scroll effect.
+ * Creates the balloon tool-tip.
  */
 WCF.Effect.BalloonTooltip = function() { this.init(); };
 WCF.Effect.BalloonTooltip.prototype = {