Page-navigation & large-buttons
authorLuzifr <szekely@woltlab.com>
Fri, 25 Nov 2011 15:17:29 +0000 (16:17 +0100)
committerLuzifr <szekely@woltlab.com>
Fri, 25 Nov 2011 15:17:33 +0000 (16:17 +0100)
16 files changed:
wcfsetup/install/files/acp/style/style.css
wcfsetup/install/files/acp/templates/cronjobAdd.tpl
wcfsetup/install/files/acp/templates/cronjobList.tpl
wcfsetup/install/files/acp/templates/packageList.tpl
wcfsetup/install/files/acp/templates/packageListDetailed.tpl
wcfsetup/install/files/acp/templates/packageStartInstall.tpl
wcfsetup/install/files/acp/templates/packageView.tpl
wcfsetup/install/files/acp/templates/updateServerAdd.tpl
wcfsetup/install/files/acp/templates/updateServerList.tpl
wcfsetup/install/files/acp/templates/userAdd.tpl
wcfsetup/install/files/acp/templates/userGroupAdd.tpl
wcfsetup/install/files/acp/templates/userGroupList.tpl
wcfsetup/install/files/acp/templates/userList.tpl
wcfsetup/install/files/acp/templates/userMail.tpl
wcfsetup/install/files/acp/templates/userSearch.tpl
wcfsetup/install/files/js/WCF.js

index 5bc639681e32a67c1505102660cdaaa800a3f922..20bc79a4e3cbc4abbbfd97ebde7f450a4f9631e4 100644 (file)
@@ -1156,7 +1156,7 @@ li > .badgeButton {
        border-bottom-right-radius: 5px;
 }
 
-.dropdown > :hover,
+.dropdown > :hover:not(ul),
 .dropdown > .active {
        color: #fff;
        background-color: rgba(0, 0, 0, .5);
@@ -1810,18 +1810,18 @@ textarea[disabled='disabled'] {
        text-align: right;
 }
 
-.largeButtons ul li {
+.largeButtons > li {
        display: inline;
 }
 
-.largeButtons ul li a img {
+.largeButtons > li > a img {
        margin: -5px 1px -5px -5px;
        vertical-align: middle;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
        
-       .largeButtons ul li a img {
+       .largeButtons > li > a img {
                height: 24px;
                width: 24px;
        }
@@ -1830,16 +1830,16 @@ textarea[disabled='disabled'] {
 
 @media screen and (max-width: 480px), screen and (max-device-width: 480px) {
        
-       .largeButtons ul li {
+       .largeButtons > li {
                font-size: 125%;
        }
        
-       .largeButtons ul li a {
+       .largeButtons > li > a {
                padding: 10px 15px !important;
                white-space: nowrap;
        }
        
-       .largeButtons ul li a img {
+       .largeButtons > li > a img {
                height: 32px;
                width: 32px;
        }
@@ -1851,7 +1851,7 @@ textarea[disabled='disabled'] {
 input[type='reset'],
 input[type='submit'],
 input[type='button'],
-.largeButtons ul li a {
+.largeButtons > li > a {
        font-size: 100%;
        font-weight: bold;
        border-radius: 30px;
@@ -2605,7 +2605,7 @@ tr .columnURL {
        margin-left: 3px;
 }
 
-.pageNavigation ul li:not(.children) {
+.pageNavigation ul li {
        border-radius: 3px;
        display: inline-block;
        position: relative;
@@ -2672,7 +2672,6 @@ tr .columnURL {
 /* ToDo: Children */
 
 .pageNavigation ul li.children {
-       display: inline-block;
        position: relative;
 }
 
@@ -2682,46 +2681,76 @@ tr .columnURL {
        z-index: 100;
 }
 
-.pageNavigation ul li.children div {
+.pageNavigation ul li.children input {
+       width: 28px;
+       height: 9px;
+}
+
+.pageNavigation ul li.children img {
+       height: 9px;
+       width: 7px;
+}
+
+.pageNavigation ul li.children .dropdown {
        text-align: left;
        border-radius: 3px;
+       background-color: rgba(0, 0, 0, .7);
+       margin-top: 28px;
+       margin-left: -2px;
        position: absolute;
-       margin-top: 5px;
-       width: 0px;
-       height: 0px;
-       overflow: hidden;
+       display: none;
 }
 
-.pageNavigation ul li.children:hover a ~ div {
-       width: auto;
+.pageNavigation ul li.children:hover .dropdown {
+       display: inline-block;
        height: auto;
        min-width: 150px;
        max-width: 200px;
-       left: auto;
-       top: auto;
        overflow: visible;
 }
 
-.pageNavigation ul li.children input {
-       width: 28px;
-       height: 9px;
+.pageNavigation ul li.children .dropdown ul {
+       padding: 0 5px 5px 2px;
+       display: block;
 }
 
-.pageNavigation ul li.children img {
-       height: 9px;
-       width: 7px;
+.pageNavigation ul li.children .dropdown ul li {
+       margin-top: 5px;
+       margin-left: 3px;
 }
 
+/* Pointer */
 
+.pageNavigation ul li.children .pointer {      
+       border-width: 0 7px 7px;
+       border-style: solid;
+       border-color: rgba(255, 255, 255, .7) transparent;
+       display: inline-block !important;
+       width: 0;
+       position: absolute;
+       top: -7px !important;
+       left: 11px;
+}
+
+.pageNavigation ul li.children .pointer span { 
+       border-width: 0 5px 5px;
+       border-style: solid;
+       border-color: rgba(0, 0, 0, .7) transparent;
+       display: inline-block;
+       width: 0;
+       position: absolute;
+       top: 2px;
+       left: -5px;
+}
 
 /* ############## System Notifications ############## */
 
 /* Globals */
 
-p.info,
-p.error,
-p.success,
-p.warning {
+.info,
+.error,
+.success,
+.warning {
        text-shadow: 0 1px 0 #fff;
        line-height: 1.5;
        border-radius: 7px;
@@ -2737,7 +2766,7 @@ p.warning {
 
 /* Types */
 
-p.info {
+.info {
        color: #68b;
        border: 1px solid #9be;
        background-color: #def;
@@ -2747,7 +2776,7 @@ p.info {
        background-repeat: no-repeat;
 }
 
-p.success {
+.success {
        color: #090;
        border: 1px solid #0c0;
        background-color: #efe;
@@ -2757,7 +2786,7 @@ p.success {
        background-repeat: no-repeat;
 }
 
-p.warning {
+.warning {
        color: #990;
        border: 1px solid #cc0;
        background-color: #ffd;
@@ -2767,7 +2796,7 @@ p.warning {
        background-repeat: no-repeat;
 }
 
-p.error {
+.error {
        color: #c00;
        border: 1px solid #f99;
        background-color: #fee;
@@ -2793,7 +2822,7 @@ p.error {
        margin-top: 5px;
        padding: 2px 10px 2px 25px;
        display: table !important;
-       position: relative; /* Firefox will support this in version 10 */
+       position: relative; /* Firefox should support this from version 10 on */
        clear: both;
        
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
@@ -2803,7 +2832,7 @@ p.error {
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
 }
 
-.innerError .arrowOuter {      
+.innerError .pointer { 
        border-width: 0 7px 7px;
        border-style: solid;
        border-color: #ccc transparent;
@@ -2814,7 +2843,7 @@ p.error {
        left: 10%;
 }
 
-.innerError .arrowInner {      
+.innerError .pointer span {    
        border-width: 0 5px 5px;
        border-style: solid;
        border-color: #fff transparent;
@@ -2827,7 +2856,7 @@ p.error {
 
 /* Special */
 
-.preInput ~ .innerError .arrowOuter {  
+.preInput ~ .innerError .pointer {     
        right: 10%;
        left: auto;
 }
@@ -3074,7 +3103,7 @@ img[src*='enable'] {
        cursor: pointer;
 }
 
-#balloonTooltip .arrowOuter {  
+#balloonTooltip .pointer {     
        border-width: 0 7px 7px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .7) transparent;
@@ -3085,7 +3114,7 @@ img[src*='enable'] {
        left: 50%;
 }
 
-#balloonTooltip .arrowInner {  
+#balloonTooltip .pointer span {        
        border-width: 0 5px 5px;
        border-style: solid;
        border-color: rgba(0, 0, 0, .7) transparent;
@@ -3174,8 +3203,8 @@ img[src*='enable'] {
 input[type='reset'],
 input[type='submit'],
 input[type='button'],
-.largeButtons ul li a,
 .smallButtons > li > a,
+.largeButtons > li > a,
 .badgeButton,
 .pageNavigation ul li:not(.children),
 .clipboardEditor > ul > li,
@@ -3222,10 +3251,10 @@ input[type='submit']:hover,
 input[type='button']:hover,
 input[type='button'].default:hover,
 input[type='button'].default:hover,
-.largeButtons ul li.default a:hover,
-.smallButtons > li.default > a:hover,
-.largeButtons ul li a:hover,
 .smallButtons > li > a:hover,
+.smallButtons > li.default > a:hover,
+.largeButtons > li > a:hover,
+.largeButtons > li.default > a:hover,
 .badgeButton:hover,
 .pageNavigation ul li:not(.disabled):not(.children):hover,
 .clipboardEditor > ul > li:hover,
@@ -3250,9 +3279,10 @@ input[type='submit']:focus,
 input[type='button']:focus,
 input[type='button'].default:focus,
 input[type='button'].default:focus,
-.largeButtons ul li.default a:focus,
-.largeButtons ul li a:focus,
 .smallButtons > li > a:focus,
+.smallButtons > li.default > a:focus,
+.largeButtons > li > a:focus,
+.largeButtons > li.default > a:focus,
 .badgeButton:focus,
 .pageNavigation ul li:not(.disabled):not(.children):active,
 .clipboardEditor > ul > li:focus,
@@ -3261,10 +3291,10 @@ input[type='reset']:active,
 input[type='submit']:active,
 input[type='button']:active,
 input[type='button'].default:active,
-.largeButtons ul li a:active,
 .smallButtons > li > a:active,
-.largeButtons ul li.default a:active,
 .smallButtons > li.default > a:active,
+.largeButtons > li a:active,
+.largeButtons > li.default > a:active,
 .badgeButton:active,
 .pageNavigation ul li:not(.disabled):not(.children):focus,
 .clipboardEditor > ul > li:active,
@@ -3337,8 +3367,8 @@ input[type='button'].default:active,
 
 input[type='submit'],
 input[type='button'].default,
-.largeButtons ul li.default a,
-.smallButtons > li.default > a {
+.smallButtons > li.default > a,
+.largeButtons > li.default > a {
        color: #69c;
        border-width: 1px;
        border-style: solid;
@@ -3437,7 +3467,7 @@ input[type='button'].default,
 
 input[type='submit']:hover,
 input[type='button'].default:hover,
-.largeButtons ul li.default a:hover,
+.largeButtons > li.default > a:hover,
 .smallButtons > li.default > a:hover { 
        -webkit-box-shadow: 0 0 10px #fa2;
        -moz-box-shadow: 0 0 10px #fa2;
@@ -3525,11 +3555,12 @@ input[type='button'].default:hover,
 
 input[type='submit']:focus,
 input[type='button'].default:focus,
-.largeButtons ul li.default a:focus,
+.smallButtons > li.default > a:active,
+.largeButtons > li.default > a:active,
 input[type='submit']:active,
 input[type='button'].default:active,
-.largeButtons ul li.default a:active,
-.smallButtons > li.default > a:active {
+.smallButtons > li.default > a:active,
+.largeButtons > li.default > a:active {
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
        -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
@@ -3571,8 +3602,8 @@ input[type='button'].default:active,
 
 input[disabled='disabled'],
 input[type='button'][disabled='disabled'],
-.largeButtons ul li.disabled a,
-.smallButtons > li.disabled > a {
+.smallButtons > li.disabled > a,
+.largeButtons > li.disabled > a {
        color: #999;
        cursor: default;
        border-width: 1px;
index eea96c0de551c45b2ca08461216bc90df2900489..b879cb716a2f52bb315105e02ac885dc0077780f 100644 (file)
@@ -19,8 +19,8 @@
 {/if}
 
 <div class="contentHeader">
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        <li><a href="{link controller='CronjobList'}{/link}" title="{lang}wcf.acp.menu.link.cronjob.list{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/time1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.cronjob.list{/lang}</span></a></li>
                        {if $action == 'edit'}<li><a href="{link controller='CronjobExecute' id=$cronjobID}{/link}" title="{lang}wcf.acp.cronjob.execute{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/run1.svg" alt="" /> <span>{lang}wcf.acp.cronjob.execute{/lang}</span></a></li>{/if}
                </ul>
index 985d6c00d27ee37be6446083ffb2a2bca340e180..6ee91b01b782546d4cefc9ae9f7c1971bb4c9ee2 100644 (file)
        {pages print=true assign=pagesLinks controller="CronjobList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
        
        {if $__wcf->session->getPermission('admin.system.cronjob.canAddCronjob')}
-               <nav class="largeButtons">
-                       <ul><li><a href="{link controller='CronjobAdd'}{/link}" title="{lang}wcf.acp.cronjob.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.cronjob.add{/lang}</span></a></li></ul>
+               <nav>
+                       <ul class="largeButtons">
+                               <li><a href="{link controller='CronjobAdd'}{/link}" title="{lang}wcf.acp.cronjob.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.cronjob.add{/lang}</span></a></li>
+                       </ul>
                </nav>
        {/if}
 </div>
                {@$pagesLinks}
                
                {if $__wcf->session->getPermission('admin.system.cronjob.canAddCronjob')}
-                       <nav class="largeButtons">
-                               <ul>
+                       <nav>
+                               <ul class="largeButtons">
                                        <li><a href="{link controller='CronjobAdd'}{/link}" title="{lang}wcf.acp.cronjob.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.cronjob.add{/lang}</span></a></li>
                                </ul>
                        </nav>
index 83055d3d2ed618acc825b32c8926d7ea81d647a5..ef3bc6ec6df46d239626f210880749c72df111e2 100644 (file)
 </div>
 
 <div class="contentFooter">
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        <li><a href="{link controller='PackageListDetailed'}{/link}" title="{lang}wcf.acp.menu.link.package.list{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/packageStandalone1.svg" alt="" /> <span>detailed package list</span></a></li>
                </ul>
        </nav>
index c7cd5fb8f81d039ebb6a8ec47b724ff886c27908..78790cbdbaab30d1495b73b1a48650133cef9853 100644 (file)
@@ -5,7 +5,7 @@
        $(function() {
                WCF.Language.add('wcf.acp.package.view.button.uninstall.sure', '{lang}wcf.acp.package.view.button.uninstall.sure{/lang}');
                
-               new WCF.ACP.Package.Uninstallation($('.packageRow .uninstallButton'));
+               new WCF.ACP.PackageUninstallation($('.packageRow .uninstallButton'));
        });
        //]]>
 </script>
@@ -21,8 +21,8 @@
        {pages print=true assign=pagesLinks controller='PackageListDetailed' link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
 
        {if $__wcf->session->getPermission('admin.system.package.canInstallPackage') || $additionalLargeButtons|isset}
-               <nav class="largeButtons">
-                       <ul>
+               <nav>
+                       <ul class="largeButtons">
                                {if $__wcf->session->getPermission('admin.system.package.canInstallPackage')}<li><a href="{link controller='PackageStartInstall'}action=install{/link}" title="{lang}wcf.acp.package.startInstall{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.package.startInstall{/lang}</span></a></li>{/if}
                                {if $additionalLargeButtons|isset}{@$additionalLargeButtons}{/if}
                        </ul>
@@ -96,8 +96,8 @@
        {@$pagesLinks}
        
        {if $__wcf->session->getPermission('admin.system.package.canInstallPackage') || $additionalLargeButtons|isset}
-               <nav class="largeButtons">
-                       <ul>
+               <nav>
+                       <ul class="largeButtons">
                                {if $__wcf->session->getPermission('admin.system.package.canInstallPackage')}<li><a href="{link controller='PackageStartInstall'}action=install{/link}" title="{lang}wcf.acp.package.startInstall{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.package.startInstall{/lang}</span></a></li>{/if}
                                {if $additionalLargeButtons|isset}{@$additionalLargeButtons}{/if}
                        </ul>
index 6aaac070b7574ebf02f2e3dd18d8d524cb8c67b8..725ba43ae54ea55818f5557166117e0f364256b9 100644 (file)
@@ -19,8 +19,8 @@
 {/if}
 
 <div class="contentHeader">
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        <li><a href="{link controller='PackageList'}{/link}" title="{lang}wcf.acp.menu.link.package.list{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/packageStandalone1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.package.list{/lang}</span></a></li>
                        {if $additionalLargeButtons|isset}{@$additionalLargeButtons}{/if}
                </ul>
index e4b16a0618b6e536a14976ea66eb8ae69aea402f..edcb48d14f03b68894347b567a04084777e70c97 100644 (file)
 {/foreach}
 
 <div class="contentFooter">
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        {if PACKAGE_ID != $package->packageID}
                                {if $package->standalone && $package->package != 'com.woltlab.wcf'}<li><a href="{@RELATIVE_WCF_DIR}{$package->packageDir}acp/index.php{@SID_ARG_1ST}" title="{lang}wcf.acp.package.view.button.makeActive{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/packageACP1.svg" alt="" /> <span>{lang}wcf.acp.package.view.button.makeActive{/lang}</span></a></li>{/if}
                                {if $__wcf->session->getPermission('admin.system.package.canUninstallPackage') && $noDependentIsActive}<li><a href="{link controller='Package'}action=startUninstall&packageID={@$package->packageID}{/link}" onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" title="{lang}wcf.acp.package.view.button.uninstall{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" /> <span>{lang}wcf.acp.package.view.button.uninstall{/lang}</span></a></li>{/if}
index cbb30162e0ae9903d4d7ec8a1be525b28afc7755..832f97ae56f3c88eb6f4cf0806d28465ba340244 100644 (file)
 {/if}
 
 <div class="contentHeader">
-       <nav class="largeButtons">
-               <ul><li><a href="{link controller='UpdateServerList'}{/link}" title="{lang}wcf.acp.menu.link.package.server.list{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/server1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.package.server.list{/lang}</span></a></li></ul>
+       <nav>
+               <ul class="largeButtons">
+                       <li><a href="{link controller='UpdateServerList'}{/link}" title="{lang}wcf.acp.menu.link.package.server.list{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/server1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.package.server.list{/lang}</span></a></li>
+               </ul>
        </nav>
 </div>
 
index 5e5b0285eb716e45506f0391f5953093a5fb0887..61ba2b52d3166eabcb50398fab81ebf3cb6cf995 100644 (file)
 <div class="contentHeader">
        {pages print=true assign=pagesLinks controller="UpdateServerList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
        
-       <nav class="largeButtons">
-               <ul><li><a href="{link controller='UpdateServerAdd'}{/link}" title="{lang}wcf.acp.updateServer.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.updateServer.add{/lang}</span></a></li></ul>
+       <nav>
+               <ul class="largeButtons">
+                       <li><a href="{link controller='UpdateServerAdd'}{/link}" title="{lang}wcf.acp.updateServer.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.updateServer.add{/lang}</span></a></li>
+               </ul>
        </nav>
 </div>
 
        <div class="contentFooter">
                {@$pagesLinks}
                
-               <nav class="largeButtons">
-                       <ul><li><a href="{link controller='UpdateServerAdd'}{/link}" title="{lang}wcf.acp.updateServer.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.updateServer.add{/lang}</span></a></li></ul>
+               <nav>
+                       <ul class="largeButtons">
+                               <li><a href="{link controller='UpdateServerAdd'}{/link}" title="{lang}wcf.acp.updateServer.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.updateServer.add{/lang}</span></a></li>
+                       </ul>
                </nav>
        </div>
 {hascontentelse}
index 7660d4c22b8596134241bd78e349c06d1c349a9b..9e7169b66eee6a351852a99e422b7714a0d479d9 100644 (file)
@@ -28,8 +28,8 @@
 {/if}
 
 <div class="contentHeader">
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        <li><a href="{link controller='UserList'}{/link}" title="{lang}wcf.acp.menu.link.user.list{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/users1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.user.list{/lang}</span></a></li>
                        <li><a href="{link controller='UserSearch'}{/link}" title="{lang}wcf.acp.user.search{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/search1.svg" alt="" /> <span>{lang}wcf.acp.user.search{/lang}</span></a></li>
                        {if $additionalLargeButtons|isset}{@$additionalLargeButtons}{/if}
index 20f53fb55b05243a88a5fc145c198116b40c7f1a..b51ee8b014bfb8863d260cee4bb5fd8654bd9e36 100644 (file)
@@ -32,8 +32,8 @@
 {/if}
 
 <div class="contentHeader">
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        <li><a href="{link controller='UserGroupList'}{/link}" title="{lang}wcf.acp.menu.link.group.list{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/users1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.group.list{/lang}</span></a></li>
                        {if $additionalLargeButtons|isset}{@$additionalLargeButtons}{/if}
                </ul>
index 3702a56c802c032a1dedde9fe0fc8908ae6fdaac..e5a9ba45f985f8e51fa38954d117a9dd39a88898 100644 (file)
@@ -9,8 +9,8 @@
 
 <div class="contentHeader">
        {pages print=true assign=pagesLinks controller="UserGroupList" link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        <li><a href="{link controller='UserGroupAdd'}{/link}" title="{lang}wcf.acp.group.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.group.add{/lang}</span></a></li>
                        {if $additionalLargeButtons|isset}{@$additionalLargeButtons}{/if}                       
                </ul>
@@ -67,8 +67,8 @@
        
        <div class="contentFooter">
                {@$pagesLinks}
-               <nav class="largeButtons">
-                       <ul>
+               <nav>
+                       <ul class="largeButtons">
                                <li><a href="{link controller='UserGroupAdd'}{/link}" title="{lang}wcf.acp.group.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.group.add{/lang}</span></a></li>
                                {if $additionalLargeButtons|isset}{@$additionalLargeButtons}{/if}
                        </ul>
index 74f2b9cf7ec3f8fd1409e879a466de5363d559ee..fe4793735fa9629c5156e0b1d02dcbeae22f6617 100644 (file)
@@ -22,8 +22,8 @@
 <div class="contentHeader">
        {pages print=true assign=pagesLinks controller="UserList" link="pageNo=%d&searchID=$searchID&action=$encodedAction&sortField=$sortField&sortOrder=$sortOrder"}
        
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        {if $__wcf->session->getPermission('admin.user.canAddUser')}
                                <li><a href="{link controller='UserAdd'}{/link}" title="{lang}wcf.acp.user.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.user.add{/lang}</span></a></li>
                        {/if}
@@ -97,8 +97,8 @@
                
                <div class="clipboardEditor" data-types="[ 'com.woltlab.wcf.user' ]"></div>
                
-               <nav class="largeButtons">
-                       <ul>
+               <nav>
+                       <ul class="largeButtons">
                                {if $__wcf->session->getPermission('admin.user.canAddUser')}
                                        <li><a href="{link controller='UserAdd'}{/link}" title="{lang}wcf.acp.user.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.user.add{/lang}</span></a></li>
                                {/if}
index af86ab54b228d873b38dd67ad633781027fe6602..22c8e375f2314c42950f3c0338491fb7c8fba55a 100644 (file)
@@ -32,8 +32,8 @@
 {/if}
 
 <div class="contentHeader">
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        <li><a href="{link controller='UserList'}{/link}" title="{lang}wcf.acp.menu.link.user.list{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/users1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.user.list{/lang}</span></a></li>
                        <li><a href="{link controller='UserSearch'}{/link}" title="{lang}wcf.acp.user.search{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/search1.svg" alt="" /> <span>{lang}wcf.acp.user.search{/lang}</span></a></li>
                        {if $additionalLargeButtons|isset}{@$additionalLargeButtons}{/if}
index 5e33ce0ddb3ef55ba68635352f053a8a97ff5070..6c440af346a141eafa53c052aceabda471e2de96 100644 (file)
@@ -26,8 +26,8 @@
 {/if*}
 
 <div class="contentHeader">
-       <nav class="largeButtons">
-               <ul>
+       <nav>
+               <ul class="largeButtons">
                        {if $__wcf->session->getPermission('admin.user.canAddUser')}
                                <li><a href="{link controller='UserAdd'}{/link}" title="{lang}wcf.acp.user.add{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.user.add{/lang}</span></a></li>
                        {/if}
index 25e5b85e063a19fa255e9943d70f8808fb5a3ff4..64a6dee9f82ff3bf0b23bec68de99f63d4b6e592 100644 (file)
@@ -2731,7 +2731,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="arrowOuter"><span class="arrowInner"></span></span></div>').appendTo($('body')).hide();
+                       this._tooltip = $('<div id="balloonTooltip" style="position: absolute"><span id="balloonTooltipText"></span><span class="pointer"><span></span></span></div>').appendTo($('body')).hide();
 
                        // get viewport dimensions
                        this._updateViewportDimensions();
@@ -2797,7 +2797,7 @@ WCF.Effect.BalloonTooltip.prototype = {
                this._tooltip.children('span:eq(0)').text($element.data('tooltip'));
 
                // get arrow
-               var $arrow = this._tooltip.find('.arrowOuter');
+               var $arrow = this._tooltip.find('.pointer');
 
                // get arrow width
                this._tooltip.show();
@@ -3335,7 +3335,7 @@ $.widget('ui.wcfDialog', {
                        }
                }
        },
-
+       
        /**
         * Handles successful AJAX requests.
         *
@@ -3351,7 +3351,7 @@ $.widget('ui.wcfDialog', {
                        this.options.success(data, textStatus, jqXHR);
                }
        },
-
+       
        /**
         * Opens this dialog.
         */
@@ -3372,7 +3372,7 @@ $.widget('ui.wcfDialog', {
        isOpen: function() {
                return this._isOpen;
        },
-
+       
        /**
         * Closes this dialog.
         */
@@ -3388,7 +3388,7 @@ $.widget('ui.wcfDialog', {
                        this._overlay.hide();
                }
        },
-
+       
        /**
         * Renders this dialog, should be called whenever content is updated.
         */