Explicit styling for buttons
authorAlexander Ebert <ebert@woltlab.com>
Sun, 29 May 2022 15:47:22 +0000 (17:47 +0200)
committerTim Düsterhus <duesterhus@woltlab.com>
Thu, 9 Jun 2022 14:36:29 +0000 (16:36 +0200)
43 files changed:
ts/WoltLabSuite/Core/Acp/Ui/DataImport/Manager.ts
ts/WoltLabSuite/Core/Acp/Ui/Template/Group/Copy.ts
ts/WoltLabSuite/Core/Acp/Ui/User/Action/Handler/Ban/Dialog.ts
ts/WoltLabSuite/Core/Acp/Ui/Worker.ts
ts/WoltLabSuite/Core/Media/Manager/Editor.ts
ts/WoltLabSuite/Core/Ui/Confirmation.ts
ts/WoltLabSuite/Core/Ui/Message/Share/Dialog.ts
ts/WoltLabSuite/Core/Ui/Moderation/Clipboard/AssignUser.ts
ts/WoltLabSuite/Core/Ui/Page/Header/Menu.ts
ts/WoltLabSuite/Core/Ui/Page/JumpTo.ts
ts/WoltLabSuite/Core/Ui/Reaction/Profile/Loader.ts
ts/WoltLabSuite/Core/Ui/Redactor/Code.ts
ts/WoltLabSuite/Core/Ui/Redactor/Link.ts
ts/WoltLabSuite/Core/Ui/Redactor/Quote.ts
ts/WoltLabSuite/Core/Ui/Redactor/Spoiler.ts
ts/WoltLabSuite/Core/Ui/Redactor/Table.ts
ts/WoltLabSuite/Core/Ui/User/Activity/Recent.ts
ts/WoltLabSuite/Core/Ui/User/Editor.ts
wcfsetup/install/files/acp/js/WCF.ACP.js
wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabImage.js
wcfsetup/install/files/js/3rdParty/redactor2/redactor.js
wcfsetup/install/files/js/WCF.Comment.js
wcfsetup/install/files/js/WCF.Message.js
wcfsetup/install/files/js/WCF.User.js
wcfsetup/install/files/js/WCF.js
wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/DataImport/Manager.js
wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Template/Group/Copy.js
wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/User/Action/Handler/Ban/Dialog.js
wcfsetup/install/files/js/WoltLabSuite/Core/Acp/Ui/Worker.js
wcfsetup/install/files/js/WoltLabSuite/Core/Media/Manager/Editor.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Confirmation.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Message/Share/Dialog.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Moderation/Clipboard/AssignUser.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Page/Header/Menu.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Page/JumpTo.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Reaction/Profile/Loader.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Redactor/Code.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Redactor/Link.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Redactor/Quote.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Redactor/Spoiler.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Redactor/Table.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/User/Activity/Recent.js
wcfsetup/install/files/js/WoltLabSuite/Core/Ui/User/Editor.js

index 280aabc2d7134a9dc6fb00a75e43a4100e46ecf7..30eae3a534ed5566a7ae6b65e129e98bf8c9b1cf 100644 (file)
@@ -63,7 +63,7 @@ export class AcpUiDataImportManager implements AjaxCallbackObject {
 
     const formSubmit = document.createElement("div");
     formSubmit.className = "formSubmit";
-    formSubmit.innerHTML = `<button class="buttonPrimary">${Language.get("wcf.global.button.next")}</button>`;
+    formSubmit.innerHTML = `<button class="button buttonPrimary">${Language.get("wcf.global.button.next")}</button>`;
 
     content.appendChild(formSubmit);
     UiDialog.rebuild(this);
index 185928a14101a7e66b3fd298d1ca9e6ee1d7e14c..6ded939c439414ab37c82b9908eee34e20a50d28 100644 (file)
@@ -98,7 +98,7 @@ class AcpUiTemplateGroupCopy implements AjaxCallbackObject, DialogCallbackObject
   </dd>
 </dl>
 <div class="formSubmit">
-  <button class="buttonPrimary" data-type="submit">${Language.get("wcf.global.button.submit")}</button>
+  <button class="button buttonPrimary" data-type="submit">${Language.get("wcf.global.button.submit")}</button>
 </div>`,
     };
   }
index 80f6bab1520e11e8102bccfa17cb5884d1864b4d..633da835bb49995703bd1187be2cc6c0ed0e281a 100644 (file)
@@ -141,7 +141,9 @@ export class BanDialog {
    </dl>
  </div>
  <div class="formSubmit dialogFormSubmit">
-   <button class="buttonPrimary formSubmitButton" accesskey="s">${Language.get("wcf.global.button.submit")}</button>
+   <button class="button buttonPrimary formSubmitButton" accesskey="s">${Language.get(
+     "wcf.global.button.submit",
+   )}</button>
  </div>`,
     };
   }
index 9f858aa6d189e10abc338f6a012a364ad4d232d2..6b57923207d2fd5199bc38a794f6d83b8bacd560 100644 (file)
@@ -113,7 +113,8 @@ class AcpUiWorker implements AjaxCallbackObject, DialogCallbackObject {
 
       const formSubmit = document.createElement("div");
       formSubmit.className = "formSubmit";
-      formSubmit.innerHTML = '<button class="buttonPrimary">' + Language.get("wcf.global.button.next") + "</button>";
+      formSubmit.innerHTML =
+        '<button class="button buttonPrimary">' + Language.get("wcf.global.button.next") + "</button>";
 
       content.appendChild(formSubmit);
       UiDialog.rebuild(this);
index 82172a174d8062da04172bbb4008c1507ac71061..7966eb3d8fbef60a0aeb6cfaec4f8e4dfdd2211f 100644 (file)
@@ -120,7 +120,7 @@ class MediaManagerEditor extends MediaManager<MediaManagerEditorOptions> {
         </dl>
       </div>
       <div class="formSubmit">
-        <button class="buttonPrimary">${Language.get("wcf.global.button.insert")}</button>
+        <button class="button buttonPrimary">${Language.get("wcf.global.button.insert")}</button>
       </div>`;
 
     UiDialog.open({
index 5de324c8c372e748b565fce4e96426c747845be7..1edc2d3a0a3a6478cec9a682ab5fbe40b734eeba 100644 (file)
@@ -43,11 +43,12 @@ class UiConfirmation implements DialogCallbackObject {
 
     this.confirmButton = document.createElement("button");
     this.confirmButton.dataset.type = "submit";
-    this.confirmButton.classList.add("buttonPrimary");
+    this.confirmButton.classList.add("button", "buttonPrimary");
     this.confirmButton.textContent = Language.get("wcf.global.confirmation.confirm");
     formSubmit.appendChild(this.confirmButton);
 
     const cancelButton = document.createElement("button");
+    cancelButton.classList.add("button");
     cancelButton.textContent = Language.get("wcf.global.confirmation.cancel");
     cancelButton.addEventListener("click", () => {
       UiDialog.close(this);
index eececbf4009a4a45d223b4a01978ce618a751513..ff5ad29f57c3ee65365b454430a8d0e91713291f 100644 (file)
@@ -150,7 +150,7 @@ function openDialog(event: MouseEvent): void {
         <dl>
           <dt></dt>
           <dd>
-              <button class="shareDialogNativeButton" data-url="${StringUtil.escapeHTML(
+              <button class="button shareDialogNativeButton" data-url="${StringUtil.escapeHTML(
                 target.href,
               )}" data-title="${StringUtil.escapeHTML(target.dataset.linkTitle || "")}">${Language.get(
         "wcf.message.share.nativeShare",
index 8b00d7eb493acd9f43ca00bbbb5cea2bc8101cba..6277bada846fd0cc65b0cda08614e82dedc907ab 100644 (file)
@@ -142,7 +142,7 @@ class UiModerationClipboardAssignUser implements AjaxCallbackObject, DialogCallb
   </dl>
 </div>
 <div class="formSubmit">
-  <button class="buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
+  <button class="button buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
 </div>`,
     };
   }
index bfbeaa14408ba351211a37b54d4814b4976347b7..4db052f8fdeb07471ab590410c5b1df77137ea65 100644 (file)
@@ -185,8 +185,6 @@ function setupA11y(): void {
 
     const showMenuButton = document.createElement("button");
     showMenuButton.className = "visuallyHidden";
-    showMenuButton.tabIndex = 0;
-    showMenuButton.setAttribute("role", "button");
     showMenuButton.setAttribute("aria-label", Language.get("wcf.global.button.showMenu"));
     element.insertBefore(showMenuButton, link.nextSibling);
 
index 44f4dda579b2ff4626167e909ad2f18fc2d5660a..f4dfadb18f31848f66400ebfa00b34366aed5e2a 100644 (file)
@@ -97,7 +97,7 @@ class UiPageJumpTo implements DialogCallbackObject {
         </dd>
       </dl>
       <div class="formSubmit">
-        <button class="buttonPrimary">${Language.get("wcf.global.button.submit")}</button>
+        <button class="button buttonPrimary">${Language.get("wcf.global.button.submit")}</button>
       </div>`;
 
     return {
index 613231fb4d98c7e9fe2cd6dcc5b4d5eadb41849a..aef65465efafd0f9870d89ff4125496000d01bc8 100644 (file)
@@ -59,7 +59,7 @@ class UiReactionProfileLoader {
     loadButtonList.appendChild(this._noMoreEntries);
 
     this._loadButton = document.createElement("button");
-    this._loadButton.className = "small";
+    this._loadButton.classList.add("button", "small");
     this._loadButton.innerHTML = Language.get("wcf.like.reaction.more");
     this._loadButton.addEventListener("click", () => this._loadReactions());
     this._loadButton.style.display = "none";
index 867a74d8b4a2c6b3e6570a57795b8f9540fb8972..ac0a983e727d841a72f5ecadf33b10181781cc1c 100644 (file)
@@ -255,10 +255,10 @@ class UiRedactorCode implements DialogCallbackObject {
           </dl>
         </div>
         <div class="formSubmit">
-          <button id="${idButtonSave}" class="buttonPrimary" data-type="submit">${Language.get(
+          <button id="${idButtonSave}" class="button buttonPrimary" data-type="submit">${Language.get(
         "wcf.global.button.save",
       )}</button>
-          <button id="${idButtonDelete}">${Language.get("wcf.global.button.delete")}</button>
+          <button id="${idButtonDelete}" class="button">${Language.get("wcf.global.button.delete")}</button>
         </div>`,
     };
   }
index 8e85620459b9336210de904b85767e33ffbc130b..7fdd5e32d585bc6787aa8b2df34edd02fc25f578 100644 (file)
@@ -95,7 +95,7 @@ class UiRedactorLink implements DialogCallbackObject {
           </dd>
         </dl>
         <div class="formSubmit">
-          <button id="redactor-modal-button-action" class="buttonPrimary"></button>
+          <button id="redactor-modal-button-action" class="button buttonPrimary"></button>
         </div>`,
     };
   }
index 747b1aaab660191797a31b0825a8a35bbfa15152..11684084fff28540009fc5c4e8ec971c37bbadb8 100644 (file)
@@ -293,10 +293,10 @@ class UiRedactorQuote {
           </dl>
         </div>
         <div class="formSubmit">
-          <button id="${idButtonSave}" class="buttonPrimary" data-type="submit">${Language.get(
+          <button id="${idButtonSave}" class="button buttonPrimary" data-type="submit">${Language.get(
         "wcf.global.button.save",
       )}</button>
-          <button id="${idButtonDelete}">${Language.get("wcf.global.button.delete")}</button>
+          <button id="${idButtonDelete}" class="button">${Language.get("wcf.global.button.delete")}</button>
         </div>`,
     };
   }
index f452a862bead4852174c85f8666fc0c001ea1c18..c939072ebc6dcf465d1da16f262e888fdfd2db02 100644 (file)
@@ -188,10 +188,10 @@ class UiRedactorSpoiler implements DialogCallbackObject {
           </dl>
         </div>
         <div class="formSubmit">
-          <button id="${idButtonSave}" class="buttonPrimary" data-type="submit">${Language.get(
+          <button id="${idButtonSave}" class="button buttonPrimary" data-type="submit">${Language.get(
         "wcf.global.button.save",
       )}</button>
-          <button id="${idButtonDelete}">${Language.get("wcf.global.button.delete")}</button>
+          <button id="${idButtonDelete}" class="button">${Language.get("wcf.global.button.delete")}</button>
         </div>`,
     };
   }
index 1a3db5df9d1749ca915789a6626da5a451acd9fb..d650757222a331e5405c7737695ba5acf45c121c 100644 (file)
@@ -71,7 +71,7 @@ class UiRedactorTable implements DialogCallbackObject {
           </dd>
         </dl>
         <div class="formSubmit">
-          <button id="redactor-modal-button-action" class="buttonPrimary" data-type="submit">${Language.get(
+          <button id="redactor-modal-button-action" class="button buttonPrimary" data-type="submit">${Language.get(
             "wcf.global.button.insert",
           )}</button>
         </div>`,
index 2520e971577c27d6e08995d3c628950625029a5c..df785cb2565cd56e4d77e4da3a78328c7290916d 100644 (file)
@@ -29,7 +29,8 @@ class UiUserActivityRecent implements AjaxCallbackObject {
     const showMoreItem = document.createElement("li");
     showMoreItem.className = "showMore";
     if (this.list.childElementCount) {
-      showMoreItem.innerHTML = '<button class="small">' + Language.get("wcf.user.recentActivity.more") + "</button>";
+      showMoreItem.innerHTML =
+        '<button class="button small">' + Language.get("wcf.user.recentActivity.more") + "</button>";
 
       const button = showMoreItem.children[0] as HTMLButtonElement;
       button.addEventListener("click", (ev) => this.showMore(ev));
index 11ad2db8d67ca8c4cb4ac772b404ff01666f986f..7ea58626ad3b1cf84cce1683f0edd8c663b55b12 100644 (file)
@@ -250,7 +250,7 @@ class UserEditor implements AjaxCallbackObject, DialogCallbackObject {
         </dl>
       </div>
       <div class="formSubmit">
-        <button class="buttonPrimary">${Language.get("wcf.global.button.submit")}</button>
+        <button class="button buttonPrimary">${Language.get("wcf.global.button.submit")}</button>
       </div>`,
     };
   }
index 71ca36a38745ba8a4d0396888d5ca55687fbefb9..a72c8acc717b6b3d360f40114fb71be8568be25c 100644 (file)
@@ -278,7 +278,7 @@ WCF.ACP.Package.Installation = Class.extend({
                if (this._dialog !== null) {
                        this._purgeTemplateContent($.proxy(function() {
                                var $form = $('<div class="formSubmit" />').appendTo($('#packageInstallationInnerContent'));
-                               $('<button class="buttonPrimary">' + WCF.Language.get('wcf.acp.package.installation.rollback') + '</button>').appendTo($form).click($.proxy(this._rollback, this));
+                               $('<button class="button buttonPrimary">' + WCF.Language.get('wcf.acp.package.installation.rollback') + '</button>').appendTo($form).click($.proxy(this._rollback, this));
                                
                                $('#packageInstallationInnerContentContainer').show();
                                
@@ -390,7 +390,7 @@ WCF.ACP.Package.Installation = Class.extend({
                        
                        this._purgeTemplateContent($.proxy(function() {
                                var $form = $('<div class="formSubmit" />').appendTo($('#packageInstallationInnerContent'));
-                               var $button = $('<button class="buttonPrimary">' + WCF.Language.get('wcf.global.button.next') + '</button>').appendTo($form).click(function() {
+                               var $button = $('<button class="button buttonPrimary">' + WCF.Language.get('wcf.global.button.next') + '</button>').appendTo($form).click(function() {
                                        $(this).disable();
                                        window.location = data.redirectLocation;
                                });
@@ -424,7 +424,7 @@ WCF.ACP.Package.Installation = Class.extend({
                                this._setIcon('question');
                                
                                var $form = $('<div class="formSubmit" />').appendTo($('#packageInstallationInnerContent'));
-                               $('<button class="buttonPrimary">' + WCF.Language.get('wcf.global.button.next') + '</button>').appendTo($form).click($.proxy(function(event) {
+                               $('<button class="button buttonPrimary">' + WCF.Language.get('wcf.global.button.next') + '</button>').appendTo($form).click($.proxy(function(event) {
                                        $(event.currentTarget).disable();
                                        
                                        this._submit(data);
@@ -1325,7 +1325,7 @@ WCF.ACP.User.BanHandler = {
                        // create dialog
                        this._dialog = $('<div />').hide().appendTo(document.body);
                        this._dialog.append($('<div class="section"><dl><dt><label for="userBanReason">' + WCF.Language.get('wcf.acp.user.banReason') + '</label></dt><dd><textarea id="userBanReason" cols="40" rows="3" /><small>' + WCF.Language.get('wcf.acp.user.banReason.description') + '</small></dd></dl><dl><dt></dt><dd><label for="userBanNeverExpires"><input type="checkbox" name="userBanNeverExpires" id="userBanNeverExpires" checked> ' + WCF.Language.get('wcf.acp.user.ban.neverExpires') + '</label></dd></dl><dl id="userBanExpiresSettings" style="display: none;"><dt><label for="userBanExpires">' + WCF.Language.get('wcf.acp.user.ban.expires') + '</label></dt><dd><input type="date" name="userBanExpires" id="userBanExpires" class="medium" min="' + new Date(TIME_NOW * 1000).toISOString() + '" data-ignore-timezone="true" /><small>' + WCF.Language.get('wcf.acp.user.ban.expires.description') + '</small></dd></dl></div>'));
-                       this._dialog.append($('<div class="formSubmit"><button class="buttonPrimary" accesskey="s">' + WCF.Language.get('wcf.global.button.submit') + '</button></div>'));
+                       this._dialog.append($('<div class="formSubmit"><button class="button buttonPrimary" accesskey="s">' + WCF.Language.get('wcf.global.button.submit') + '</button></div>'));
                        
                        this._dialog.find('#userBanNeverExpires').change(function() {
                                $('#userBanExpiresSettings').toggle();
index 85bb0b0cfa8b4ed117fde41e3be300e3abc72c4d..6cd2d4b186837725ad8247e60334a5a9b6332ee8 100644 (file)
@@ -107,8 +107,8 @@ $.Redactor.prototype.WoltLabImage = function() {
                                        + '<input id="redactor-image-title" style="display: none">' /* dummy because redactor expects it to be present */
                                        + '<input id="redactor-image-caption" style="display: none">' /* dummy because redactor expects it to be present */
                                        + '<div class="formSubmit">'
-                                               + '<button id="redactor-modal-button-action" class="buttonPrimary">Insert</button>'
-                                               + '<button id="redactor-modal-button-delete" class="redactor-modal-button-offset">Delete</button>'
+                                               + '<button id="redactor-modal-button-action" class="button buttonPrimary">Insert</button>'
+                                               + '<button id="redactor-modal-button-delete" class="button redactor-modal-button-offset">Delete</button>'
                                        + '</div>'
                                + '</div>';
                },
index e51bf08f30a2aeab9974f5bf798c68c63a51a50c..c6f6ab6dbfd7c0c65e83ac19a4f14233a1c6e4a0 100644 (file)
                                                'link': String() + '<div class="redactor-modal-tab" data-title="General">' + '<section>' + '<label>URL</label>' + '<input type="url" id="redactor-link-url" aria-label="URL" />' + '</section>' + '<section>' + '<label>' + this.lang.get(
                                                        'text') + '</label>' + '<input type="text" id="redactor-link-url-text" aria-label="' + this.lang.get(
                                                        'text') + '" />' + '</section>' + '<section>' + '<label class="checkbox"><input type="checkbox" id="redactor-link-blank"> ' + this.lang.get(
-                                                       'link-in-new-tab') + '</label>' + '</section>' + '<section>' + '<button id="redactor-modal-button-action">' + this.lang.get(
-                                                       'insert') + '</button>' + '<button id="redactor-modal-button-cancel">' + this.lang.get(
+                                                       'link-in-new-tab') + '</label>' + '</section>' + '<section>' + '<button class="button" id="redactor-modal-button-action">' + this.lang.get(
+                                                       'insert') + '</button>' + '<button class="button" id="redactor-modal-button-cancel">' + this.lang.get(
                                                        'cancel') + '</button>' + '</section>' + '</div>'
                                        };
                                        
                                        this.$modal = $('<div id="redactor-modal" role="dialog" />');
                                        this.$modalHeader = $('<div id="redactor-modal-header" />');
                                        this.$modalClose = $(
-                                               '<button type="button" id="redactor-modal-close" aria-label="' + this.lang.get(
+                                               '<button class="button" type="button" id="redactor-modal-close" aria-label="' + this.lang.get(
                                                'close') + '" />').html('&times;');
                                        this.$modalBody = $('<div id="redactor-modal-body" />');
                                        
index 94065cb20cabf2c67aed2db4c1563564348bf12f..82c33db426b304f21cb9f584a1536876843279d1 100644 (file)
@@ -265,7 +265,7 @@ WCF.Comment.Handler = Class.extend({
        _handleLoadNextComments: function() {
                if (this._displayedComments < this._container.data('comments')) {
                        if (this._loadNextComments === null) {
-                               this._loadNextComments = $('<li class="commentLoadNext showMore"><button class="small">' + WCF.Language.get('wcf.comment.more') + '</button></li>').appendTo(this._container);
+                               this._loadNextComments = $('<li class="commentLoadNext showMore"><button class="button small">' + WCF.Language.get('wcf.comment.more') + '</button></li>').appendTo(this._container);
                                this._loadNextComments.children('button').click($.proxy(this._loadComments, this));
                        }
                        
index 105c455590753a2c1e92826fa4e1597bc5d3e0c3..6ea51c9b7d0f8ae9d1603cff391aa75ab7de299f 100644 (file)
@@ -1376,8 +1376,8 @@ if (COMPILER_TARGET_DEFAULT) {
                        
                        // add 'insert' and 'delete' buttons
                        var $formSubmit = $('<div class="formSubmit" />').appendTo(this._dialog);
-                       if (this._supportPaste) this._buttons.insert = $('<button class="buttonPrimary">' + WCF.Language.get('wcf.message.quote.insertAllQuotes') + '</button>').click($.proxy(this._insertSelected, this)).appendTo($formSubmit);
-                       this._buttons.remove = $('<button>' + WCF.Language.get('wcf.message.quote.removeAllQuotes') + '</button>').click($.proxy(this._removeSelected, this)).appendTo($formSubmit);
+                       if (this._supportPaste) this._buttons.insert = $('<button class="button buttonPrimary">' + WCF.Language.get('wcf.message.quote.insertAllQuotes') + '</button>').click($.proxy(this._insertSelected, this)).appendTo($formSubmit);
+                       this._buttons.remove = $('<button class="button">' + WCF.Language.get('wcf.message.quote.removeAllQuotes') + '</button>').click($.proxy(this._removeSelected, this)).appendTo($formSubmit);
                        
                        // show dialog
                        this._dialog.wcfDialog({
index 5d6a9410422057dafb581de388747ef9e692000c..b46b385c195c9c643cbfb2d37c11ad1be1e0af1a 100644 (file)
@@ -1609,7 +1609,7 @@ WCF.User.RecentActivityLoader = Class.extend({
                });
                
                if (this._container.children('li').length) {
-                       this._loadButton = $('<li class="showMore"><button class="small">' + WCF.Language.get('wcf.user.recentActivity.more') + '</button></li>').appendTo(this._container);
+                       this._loadButton = $('<li class="showMore"><button class="button small">' + WCF.Language.get('wcf.user.recentActivity.more') + '</button></li>').appendTo(this._container);
                        this._loadButton = this._loadButton.children('button').click($.proxy(this._click, this));
                }
                else {
@@ -1757,7 +1757,7 @@ WCF.User.LikeLoader = Class.extend({
                        success: $.proxy(this._success, this)
                });
                
-               var $container = $('<li class="likeListMore showMore"><button class="small">' + WCF.Language.get('wcf.like.likes.more') + '</button><small>' + WCF.Language.get('wcf.like.likes.noMoreEntries') + '</small></li>').appendTo(this._container);
+               var $container = $('<li class="likeListMore showMore"><button class="button small">' + WCF.Language.get('wcf.like.likes.more') + '</button><small>' + WCF.Language.get('wcf.like.likes.noMoreEntries') + '</small></li>').appendTo(this._container);
                this._loadButton = $container.children('button').click($.proxy(this._click, this));
                this._noMoreEntries = $container.children('small').hide();
                
index d49fe2188d350a1696f6ddca960d75572ca77bf8..20bffabe15091dcc8248bb0943037c06b7102e45 100755 (executable)
@@ -5463,7 +5463,7 @@ if (COMPILER_TARGET_DEFAULT) {
                                
                                // display continue button
                                var $formSubmit = $('<div class="formSubmit" />').appendTo(this._dialog);
-                               $('<button class="buttonPrimary">' + WCF.Language.get('wcf.global.button.next') + '</button>').appendTo(
+                               $('<button class="button buttonPrimary">' + WCF.Language.get('wcf.global.button.next') + '</button>').appendTo(
                                        $formSubmit).focus().click(function () {
                                        if (data.returnValues.redirectURL) {
                                                window.location = data.returnValues.redirectURL;
index 71dc369ea192643ab02d69afc4bd2d2f79c9b0ec..b2fa4c50a7b3e14fe08d11bad5a13021355c94e0 100644 (file)
@@ -47,7 +47,7 @@ define(["require", "exports", "tslib", "../../../Ajax", "../../../Core", "../../
             spinner.classList.add("fa-check", "green");
             const formSubmit = document.createElement("div");
             formSubmit.className = "formSubmit";
-            formSubmit.innerHTML = `<button class="buttonPrimary">${Language.get("wcf.global.button.next")}</button>`;
+            formSubmit.innerHTML = `<button class="button buttonPrimary">${Language.get("wcf.global.button.next")}</button>`;
             content.appendChild(formSubmit);
             Dialog_1.default.rebuild(this);
             const button = formSubmit.children[0];
index e30e0d709703d261ffc90f3c8292d925925ced74..e2dda9d1c5cd3e3a9d5a268a618eaec0fa824c12 100644 (file)
@@ -76,7 +76,7 @@ define(["require", "exports", "tslib", "../../../../Ajax", "../../../../Language
   </dd>
 </dl>
 <div class="formSubmit">
-  <button class="buttonPrimary" data-type="submit">${Language.get("wcf.global.button.submit")}</button>
+  <button class="button buttonPrimary" data-type="submit">${Language.get("wcf.global.button.submit")}</button>
 </div>`,
             };
         }
index 43bd7f59329cae7c48a7cb2be22e8f53dfd7d283..b805ea321ff30ccf2ddc1ad625b322a8b42283f5 100644 (file)
@@ -119,7 +119,7 @@ define(["require", "exports", "tslib", "../../../../../../Ui/Dialog", "../../../
    </dl>
  </div>
  <div class="formSubmit dialogFormSubmit">
-   <button class="buttonPrimary formSubmitButton" accesskey="s">${Language.get("wcf.global.button.submit")}</button>
+   <button class="button buttonPrimary formSubmitButton" accesskey="s">${Language.get("wcf.global.button.submit")}</button>
  </div>`,
             };
         }
index f10cb6b6d96519609db4fb201da07d8ad8e1405a..2d3fbd9137a95a9d8545f5134690b51f051243da 100644 (file)
@@ -67,7 +67,8 @@ define(["require", "exports", "tslib", "../../Ajax", "../../Core", "../../Langua
                 spinner.classList.add("fa-check", "green");
                 const formSubmit = document.createElement("div");
                 formSubmit.className = "formSubmit";
-                formSubmit.innerHTML = '<button class="buttonPrimary">' + Language.get("wcf.global.button.next") + "</button>";
+                formSubmit.innerHTML =
+                    '<button class="button buttonPrimary">' + Language.get("wcf.global.button.next") + "</button>";
                 content.appendChild(formSubmit);
                 Dialog_1.default.rebuild(this);
                 const button = formSubmit.children[0];
index e97a0f042f9fc382080cfb83e471f48ddff484ad..a99a0900199c46201f0be80aaa3898bd06200a4a 100644 (file)
@@ -84,7 +84,7 @@ define(["require", "exports", "tslib", "./Base", "../../Core", "../../Event/Hand
         </dl>
       </div>
       <div class="formSubmit">
-        <button class="buttonPrimary">${Language.get("wcf.global.button.insert")}</button>
+        <button class="button buttonPrimary">${Language.get("wcf.global.button.insert")}</button>
       </div>`;
             UiDialog.open({
                 _dialogSetup: () => {
index f2d59027e41424bbdc11e82f3675cb8cdacedc53..27ba8f6e4496f81233c466361b93e15997599491 100644 (file)
@@ -30,10 +30,11 @@ define(["require", "exports", "tslib", "../Core", "../Language", "./Dialog"], fu
             this.dialog.appendChild(formSubmit);
             this.confirmButton = document.createElement("button");
             this.confirmButton.dataset.type = "submit";
-            this.confirmButton.classList.add("buttonPrimary");
+            this.confirmButton.classList.add("button", "buttonPrimary");
             this.confirmButton.textContent = Language.get("wcf.global.confirmation.confirm");
             formSubmit.appendChild(this.confirmButton);
             const cancelButton = document.createElement("button");
+            cancelButton.classList.add("button");
             cancelButton.textContent = Language.get("wcf.global.confirmation.cancel");
             cancelButton.addEventListener("click", () => {
                 Dialog_1.default.close(this);
index 691b7be5d0557d4a7aebdecb73f65aba4e0fbaee..0a4480febe97a21bf839cb4a916bbcddcb897dfe 100644 (file)
@@ -122,7 +122,7 @@ define(["require", "exports", "tslib", "../../Dialog", "../../../Dom/Util", "../
         <dl>
           <dt></dt>
           <dd>
-              <button class="shareDialogNativeButton" data-url="${StringUtil.escapeHTML(target.href)}" data-title="${StringUtil.escapeHTML(target.dataset.linkTitle || "")}">${Language.get("wcf.message.share.nativeShare")}</button>
+              <button class="button shareDialogNativeButton" data-url="${StringUtil.escapeHTML(target.href)}" data-title="${StringUtil.escapeHTML(target.dataset.linkTitle || "")}">${Language.get("wcf.message.share.nativeShare")}</button>
           </dd>
         </dl>
       `;
index 931eeca0fad206c5236cedb0d31f984a4094e61f..4fb214a35a98195ceef6186234e8c5a68e26a228 100644 (file)
@@ -118,7 +118,7 @@ define(["require", "exports", "tslib", "../../../Event/Handler", "../../Notifica
   </dl>
 </div>
 <div class="formSubmit">
-  <button class="buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
+  <button class="button buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
 </div>`,
             };
         }
index 966e2f32913928a14e9c5b27e177b485a0c28986..e8e6d9a823ee4bfc5f9c1570ceea437912d0b597 100644 (file)
@@ -159,8 +159,6 @@ define(["require", "exports", "tslib", "../../../Environment", "../../../Languag
             link.setAttribute("aria-expanded", "false");
             const showMenuButton = document.createElement("button");
             showMenuButton.className = "visuallyHidden";
-            showMenuButton.tabIndex = 0;
-            showMenuButton.setAttribute("role", "button");
             showMenuButton.setAttribute("aria-label", Language.get("wcf.global.button.showMenu"));
             element.insertBefore(showMenuButton, link.nextSibling);
             let showMenu = false;
index 2875cc4bec08f77e32b40af64fdf0aba9ecb9b2c..30543838f3b6f8d53aeb6687e5e2af711b9cc713 100644 (file)
@@ -86,7 +86,7 @@ define(["require", "exports", "tslib", "../../Language", "../Dialog"], function
         </dd>
       </dl>
       <div class="formSubmit">
-        <button class="buttonPrimary">${Language.get("wcf.global.button.submit")}</button>
+        <button class="button buttonPrimary">${Language.get("wcf.global.button.submit")}</button>
       </div>`;
             return {
                 id: "paginationOverlay",
index 55ea0b7d9f0a894f9639845eec674330bd04cfb4..c60c2ca8db98ecb6f804225cc9736a20646f2252 100644 (file)
@@ -36,7 +36,7 @@ define(["require", "exports", "tslib", "../../../Ajax", "../../../Core", "../../
             this._noMoreEntries.style.display = "none";
             loadButtonList.appendChild(this._noMoreEntries);
             this._loadButton = document.createElement("button");
-            this._loadButton.className = "small";
+            this._loadButton.classList.add("button", "small");
             this._loadButton.innerHTML = Language.get("wcf.like.reaction.more");
             this._loadButton.addEventListener("click", () => this._loadReactions());
             this._loadButton.style.display = "none";
index f530e638d3efd1b7f45bbcc3a8f30429aee6bad2..023102237eca765fbb082e0d5e2d83784b06668a 100644 (file)
@@ -204,8 +204,8 @@ define(["require", "exports", "tslib", "../../Core", "../../Dom/Util", "../../Ev
           </dl>
         </div>
         <div class="formSubmit">
-          <button id="${idButtonSave}" class="buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
-          <button id="${idButtonDelete}">${Language.get("wcf.global.button.delete")}</button>
+          <button id="${idButtonSave}" class="button buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
+          <button id="${idButtonDelete}" class="button">${Language.get("wcf.global.button.delete")}</button>
         </div>`,
             };
         }
index 4e7e102c195dcc199677c26e1a81289bd6acb214..770fd6616bd8c06077b6eace00f639e27af2eef2 100644 (file)
@@ -79,7 +79,7 @@ define(["require", "exports", "tslib", "../../Core", "../../Dom/Util", "../../La
           </dd>
         </dl>
         <div class="formSubmit">
-          <button id="redactor-modal-button-action" class="buttonPrimary"></button>
+          <button id="redactor-modal-button-action" class="button buttonPrimary"></button>
         </div>`,
             };
         }
index 682621eb6f830b82a4efe0c3991a9a6e0da85a70..eefccb4a101721e0db77d495da62c5c2fa79cc4e 100644 (file)
@@ -232,8 +232,8 @@ define(["require", "exports", "tslib", "../../Core", "../../Dom/Util", "../../Ev
           </dl>
         </div>
         <div class="formSubmit">
-          <button id="${idButtonSave}" class="buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
-          <button id="${idButtonDelete}">${Language.get("wcf.global.button.delete")}</button>
+          <button id="${idButtonSave}" class="button buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
+          <button id="${idButtonDelete}" class="button">${Language.get("wcf.global.button.delete")}</button>
         </div>`,
             };
         }
index 74df4d115c10400b4dde665e35d4f319d908f822..8a43f0ea59b347d007664b1b5cfc7d2863b5b48e 100644 (file)
@@ -150,8 +150,8 @@ define(["require", "exports", "tslib", "../../Core", "../../Dom/Util", "../../Ev
           </dl>
         </div>
         <div class="formSubmit">
-          <button id="${idButtonSave}" class="buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
-          <button id="${idButtonDelete}">${Language.get("wcf.global.button.delete")}</button>
+          <button id="${idButtonSave}" class="button buttonPrimary" data-type="submit">${Language.get("wcf.global.button.save")}</button>
+          <button id="${idButtonDelete}" class="button">${Language.get("wcf.global.button.delete")}</button>
         </div>`,
             };
         }
index 555f7bd2e33677fb428ab9c4d7d2fe5a9392985e..e706aaee449a1dfc0c89bba55c26b51ec7ece211 100644 (file)
@@ -56,7 +56,7 @@ define(["require", "exports", "tslib", "../../Language", "../Dialog"], function
           </dd>
         </dl>
         <div class="formSubmit">
-          <button id="redactor-modal-button-action" class="buttonPrimary" data-type="submit">${Language.get("wcf.global.button.insert")}</button>
+          <button id="redactor-modal-button-action" class="button buttonPrimary" data-type="submit">${Language.get("wcf.global.button.insert")}</button>
         </div>`,
             };
         }
index fa3cce691a0095c0a8fabd204c19bc3d8e5af3bc..3037a27c69f1f53b36354ee931a08b1c6bd33ae8 100644 (file)
@@ -15,7 +15,8 @@ define(["require", "exports", "tslib", "../../../Ajax", "../../../Core", "../../
             const showMoreItem = document.createElement("li");
             showMoreItem.className = "showMore";
             if (this.list.childElementCount) {
-                showMoreItem.innerHTML = '<button class="small">' + Language.get("wcf.user.recentActivity.more") + "</button>";
+                showMoreItem.innerHTML =
+                    '<button class="button small">' + Language.get("wcf.user.recentActivity.more") + "</button>";
                 const button = showMoreItem.children[0];
                 button.addEventListener("click", (ev) => this.showMore(ev));
             }
index cc592c7d6b21f22aed1088d3243b7224ad831267..18e906e55abcdf2b174d5ccbcd739fba9eda3dd8 100644 (file)
@@ -210,7 +210,7 @@ define(["require", "exports", "tslib", "../../Ajax", "../../Core", "../../Dom/Ut
         </dl>
       </div>
       <div class="formSubmit">
-        <button class="buttonPrimary">${Language.get("wcf.global.button.submit")}</button>
+        <button class="button buttonPrimary">${Language.get("wcf.global.button.submit")}</button>
       </div>`,
             };
         }