Some changes

Removed shadow for ".main" to avoid some problems; Removed some
z-indexes to avoid overlapping problems; Some more style-prefixes; Some
more autofocuses; Typo @ balloonTooltips fixed; Fixed display of
balloonTooltips;

diff --git a/com.woltlab.wcf/template/footerMenu.tpl b/com.woltlab.wcf/template/footerMenu.tpl
index 890dd392aeb33cc43e2b09471273615f9b38769d..da0a2aa2b0ff25f6639d927a8864ca182752770c 100644 (file)
--- a/com.woltlab.wcf/template/footerMenu.tpl
+++ b/com.woltlab.wcf/template/footerMenu.tpl
@@ -1,10 +1,12 @@
 <nav id="footerNavigation" class="wcf-footerNavigation">
-       <ul>
-               <li id="toTopLink" class="toTopLink"><a href="{@$__wcf->getAnchor('top')}" title="{lang}wcf.global.scrollUp{/lang}" class="jsTooltip"><img src="{icon size='S'}toTop{/icon}" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
-               {if $__wcf->getPageMenu()->getMenuItems('footer')|count > 0}
-                       {foreach from=$__wcf->getPageMenu()->getMenuItems('footer') item=menuItem}
-                               <li><a href="{$menuItem->getProcessor()->getLink()}">{lang}{$menuItem->menuItem}{/lang}{if $menuItem->getProcessor()->getNotifications()} <span class="wcf-badge">{#$menuItem->getProcessor()->getNotifications()}</span>{/if}</a></li>
-                       {/foreach}
-               {/if}
-       </ul>
+       <div>
+               <ul>
+                       <li id="toTopLink" class="toTopLink"><a href="{@$__wcf->getAnchor('top')}" title="{lang}wcf.global.scrollUp{/lang}" class="jsTooltip"><img src="{icon size='S'}toTop{/icon}" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
+                       {if $__wcf->getPageMenu()->getMenuItems('footer')|count > 0}
+                               {foreach from=$__wcf->getPageMenu()->getMenuItems('footer') item=menuItem}
+                                       <li><a href="{$menuItem->getProcessor()->getLink()}">{lang}{$menuItem->menuItem}{/lang}{if $menuItem->getProcessor()->getNotifications()} <span class="wcf-badge">{#$menuItem->getProcessor()->getNotifications()}</span>{/if}</a></li>
+                               {/foreach}
+                       {/if}
+               </ul>
+       </div>
 </nav>

diff --git a/com.woltlab.wcf/template/headInclude.tpl b/com.woltlab.wcf/template/headInclude.tpl
index d0a0a6bb2d047b672fdb70b51bd655cd910391aa..6886b393c032bd40976c8991968a2ea809ada705 100644 (file)
--- a/com.woltlab.wcf/template/headInclude.tpl
+++ b/com.woltlab.wcf/template/headInclude.tpl
@@ -83,7 +83,7 @@
                new WCF.Date.Time();
                new WCF.Effect.SmoothScroll();
                new WCF.Effect.BalloonTooltip();
-               $('<span class="pointer"><span></span></span>').appendTo('.innerError');
+               $('<span class="pointer"><span></span></span>').appendTo('.wcf-innerError');
                
                $('#sidebarContent').wcfSidebar();
                

diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index c4d47b4bda57ce6286c9ba20711cfb90d9bd7c16..c74b34d64400aa1f3434f834f0a3fbfc3473944f 100644 (file)
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -195,7 +195,6 @@ header.wcf-pageHeader {
        width: 100%;
        overflow: hidden;
        position: relative;
-       z-index: 150;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
@@ -753,6 +752,7 @@ nav.wcf-topMenu {
        border-top-right-radius: 3px;
        margin: 0 23px;
        display: block;
+       min-height: 7px;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
@@ -771,6 +771,10 @@ nav.wcf-topMenu {
        
 }
 
+.wcf-footerNavigation {
+       min-height: 7px;
+}
+
 .wcf-headerNavigation:after {
        content: '';
        display: block;
@@ -798,7 +802,6 @@ nav.wcf-topMenu {
        margin: 0 3px;
        float: right;
        position: relative;
-       z-index: 190;
 }
 
 .wcf-headerNavigation ul li a,
@@ -854,12 +857,6 @@ nav.wcf-topMenu {
        background-color: #d8e7f5;
        margin: 0 23px;
        position: relative;
-       
-       -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-       -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-       -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-       -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-       box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
@@ -1236,7 +1233,6 @@ section.wcf-content .wcf-content {
        text-align: center;
        padding: 0 23px 33px;
        position: relative;
-       z-index: 150;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
@@ -3630,13 +3626,14 @@ tr .columnIcon img {
        cursor: pointer;
 }
 
-#wcf-balloonTooltip {
+.wcf-balloonTooltip {
        font-size: .85em;
        color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(255, 255, 255, .7);
        border-radius: 5px;
        background-color: rgba(0, 0, 0, .7);
        padding: 5px 10px 7px;
+       position: absolute;
        max-width: 300px;
        z-index: 800;
        
@@ -3649,7 +3646,7 @@ tr .columnIcon img {
 
 /* Pointer */
 
-#wcf-balloonTooltip .pointer { 
+.wcf-balloonTooltip .pointer { 
        border-width: 0 7px 7px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .7) transparent;
@@ -3660,7 +3657,7 @@ tr .columnIcon img {
        left: 50%;
 }
 
-#wcf-balloonTooltip .pointer span {    
+.wcf-balloonTooltip .pointer span {    
        border-width: 0 5px 5px;
        border-style: solid;
        border-color: rgba(0, 0, 0, .7) transparent;

diff --git a/wcfsetup/install/files/acp/templates/cronjobAdd.tpl b/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
index 4ae05400258d2fbde163879811b6290ca5429f72..3d4970b9a62b82dc255078c2725cf2eaef5a1074 100644 (file)
--- a/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
@@ -40,7 +40,7 @@
                        <dl{if $errorField == 'className'} class="wcf-formError"{/if}>
                                <dt><label for="className">{lang}wcf.acp.cronjob.className{/lang}</label></dt>
                                <dd>
-                                       <input type="text" id="className" name="className" value="{$className}" required="required" pattern="^\\?([a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*\\)*[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*$" class="long" />
+                                       <input type="text" id="className" name="className" value="{$className}" required="required" autofocus="autofocus" pattern="^\\?([a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*\\)*[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*$" class="long" />
                                        {if $errorField == 'className'}
                                                <small class="wcf-innerError">
                                                        {if $errorType == 'empty'}

diff --git a/wcfsetup/install/files/acp/templates/footer.tpl b/wcfsetup/install/files/acp/templates/footer.tpl
index 1ea0c8ef6b69763230f69bdb15c23599242694b3..e0615cd940f59ae6abeabc1142bdfbf051b79d96 100644 (file)
--- a/wcfsetup/install/files/acp/templates/footer.tpl
+++ b/wcfsetup/install/files/acp/templates/footer.tpl
@@ -8,9 +8,11 @@
        <footer id="pageFooter" class="wcf-pageFooter">
                <div>
                        <nav id="footerNavigation" class="wcf-footerNavigation">
-                               <ul>
-                                       <li id="toTopLink" class="toTopLink"><a href="{@$__wcf->getAnchor('top')}" title="{lang}wcf.global.scrollUp{/lang}" class="jsTooltip"><img src="{@RELATIVE_WCF_DIR}icon/toTop.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
-                               </ul>
+                               <div>
+                                       <ul>
+                                               <li id="toTopLink" class="toTopLink"><a href="{@$__wcf->getAnchor('top')}" title="{lang}wcf.global.scrollUp{/lang}" class="jsTooltip"><img src="{@RELATIVE_WCF_DIR}icon/toTop.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
+                                       </ul>
+                               </div>
                        </nav>
                </div>
                

diff --git a/wcfsetup/install/files/acp/templates/userGroupAdd.tpl b/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
index 99961a98970d6c9f01159b4abaffab0879bf5c3a..5d4b5fff36e198cc4343a1a966f3d4d6a7a4dd8e 100644 (file)
--- a/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
@@ -50,7 +50,7 @@
                        <dl{if $errorType.groupName|isset} class="formError"{/if}>
                                <dt><label for="groupName">{lang}wcf.acp.group.groupName{/lang}</label></dt>
                                <dd>
-                                       <input type="text" id="groupName" name="groupName" value="{$i18nPlainValues['groupName']}" class="medium" />
+                                       <input type="text" id="groupName" name="groupName" value="{$i18nPlainValues['groupName']}" autofocus="autofocus" class="medium" />
                                        {if $errorType.groupName|isset}
                                                <small class="wcf-innerError">
                                                        {if $errorType.groupName == 'empty'}

diff --git a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
index 3a999b0ce6a056481690aa1ad7f3b26b5572e8bd..cb906b3059f1ffdbb80e298e7d8772c5289e8b41 100644 (file)
--- a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
+++ b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
@@ -90,7 +90,7 @@
                        <dl>
                                <dt><label for="username">{lang}wcf.user.username{/lang}</label></dt>
                                <dd>
-                                       <input type="text" id="username" name="username" value="{$username}" class="medium" />
+                                       <input type="text" id="username" name="username" value="{$username}" autofocus="autofocus" class="medium" />
                                </dd>
                        </dl>
                        

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index dfc5cf15c22ee397f38b9a97172ff83358b6849b..c9261179d525d355c6ce5f88cbc5f23b5edca2e0 100644 (file)
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -2905,7 +2905,7 @@ WCF.Effect.BalloonTooltip.prototype = {
        init: function() {
                if (!this._didInit) {
                        // create empty div
-                       this._tooltip = $('<div id="balloonTooltip" style="position: absolute"><span id="balloonTooltipText"></span><span class="pointer"><span></span></span></div>').appendTo($('body')).hide();
+                       this._tooltip = $('<div id="balloonTooltip" class="wcf-balloonTooltip"><span id="balloonTooltipText"></span><span class="pointer"><span></span></span></div>').appendTo($('body')).hide();
 
                        // get viewport dimensions
                        this._updateViewportDimensions();
@@ -2914,7 +2914,7 @@ WCF.Effect.BalloonTooltip.prototype = {
                        $(window).resize($.proxy(this._updateViewportDimensions, this));
 
                        // observe DOM changes
-                       WCF.DOMNodeInsertedHandler.addCallback('WCF.Effect.BallonTooltip', $.proxy(this.init, this));
+                       WCF.DOMNodeInsertedHandler.addCallback('WCF.Effect.BalloonTooltip', $.proxy(this.init, this));
 
                        this._didInit = true;
                }
@@ -3611,8 +3611,8 @@ WCF.System.Confirmation = {
                this._dialog = $('<div id="wcfSystemConfirmation"><p></p></div>').hide().appendTo(document.body);
                var $formButtons = $('<div class="wcf-formSubmit" />').appendTo(this._dialog);
                
-               $('<button class="default">' + WCF.Language.get('wcf.global.confirmation.confirm') + '</button>').data('action', 'confirm').click($.proxy(this._click, this)).appendTo($formButtons);
                $('<button>' + WCF.Language.get('wcf.global.confirmation.cancel') + '</button>').data('action', 'cancel').click($.proxy(this._click, this)).appendTo($formButtons);
+               $('<button class="default">' + WCF.Language.get('wcf.global.confirmation.confirm') + '</button>').data('action', 'confirm').click($.proxy(this._click, this)).appendTo($formButtons);
        },
        
        /**

diff --git a/wcfsetup/setup/template/stepShowSystemRequirements.tpl b/wcfsetup/setup/template/stepShowSystemRequirements.tpl
index 295dbd95789c86857509abdfbeff0505b45a82eb..3cb5389fa9e107f0e0fa993f53b6f3900b11583d 100644 (file)
--- a/wcfsetup/setup/template/stepShowSystemRequirements.tpl
+++ b/wcfsetup/setup/template/stepShowSystemRequirements.tpl
@@ -38,7 +38,7 @@
                        <dl>
                                <dt>{lang}wcf.global.systemRequirements.element.required{/lang} {lang}wcf.global.systemRequirements.active{/lang}</dt>
                                <dd>
-                                       {lang}wcf.global.systemRequirements.element.yours{/lang} <span class="badge {if !$system.mbString.result}badgeWarning{else}badgeSuccess{/if}">{if !$system.mbString.result}{lang}wcf.global.systemRequirements.notActive{/lang}{else}{lang}wcf.global.systemRequirements.active{/lang}{/if}</span>{if !$system.mbString.result}<small>{lang}wcf.global.systemRequirements.mbString.description{/lang}</small>{/if}
+                                       {lang}wcf.global.systemRequirements.element.yours{/lang} <span class="wcf-badge {if !$system.mbString.result}wcf-badgeWarning{else}wcf-badgeSuccess{/if}">{if !$system.mbString.result}{lang}wcf.global.systemRequirements.notActive{/lang}{else}{lang}wcf.global.systemRequirements.active{/lang}{/if}</span>{if !$system.mbString.result}<small>{lang}wcf.global.systemRequirements.mbString.description{/lang}</small>{/if}
                                </dd>
                        </dl>