Simplify visuals of the share buttons

diff --git a/com.woltlab.wcf/templates/shareButtons.tpl b/com.woltlab.wcf/templates/shareButtons.tpl
index 21a264b416faedbadf5ecd421874e527ad80dc26..5516d125ce745564b883ff161c088e563a121625 100644 (file)
--- a/com.woltlab.wcf/templates/shareButtons.tpl
+++ b/com.woltlab.wcf/templates/shareButtons.tpl
@@ -6,7 +6,6 @@
                        <li>
                                <button type="button" class="button messageShareProvider" title="{lang}wcf.message.share.facebook{/lang}" aria-label="{lang}wcf.message.share.facebook{/lang}" data-identifier="Facebook">
                                        {icon size=24 name='facebook' type='brand'}
-                                       <span>{lang}wcf.message.share.facebook{/lang}</span>
                                </button>
                        </li>
                {/if}
@@ -14,7 +13,6 @@
                        <li>
                                <button type="button" class="button messageShareProvider" title="{lang}wcf.message.share.twitter{/lang}" aria-label="{lang}wcf.message.share.twitter{/lang}" data-identifier="Twitter">
                                        {icon size=24 name='twitter' type='brand'}
-                                       <span>{lang}wcf.message.share.twitter{/lang}</span>
                                </button>
                        </li>
                {/if}
@@ -22,7 +20,6 @@
                        <li>
                                <button type="button" class="button messageShareProvider" title="{lang}wcf.message.share.reddit{/lang}" aria-label="{lang}wcf.message.share.reddit{/lang}" data-identifier="Reddit">
                                        {icon size=24 name='reddit' type='brand'}
-                                       <span>{lang}wcf.message.share.reddit{/lang}</span>
                                </button>
                        </li>
                {/if}
@@ -30,7 +27,6 @@
                        <li>
                                <button type="button" class="button messageShareProvider" title="{lang}wcf.message.share.whatsApp{/lang}" aria-label="{lang}wcf.message.share.whatsApp{/lang}" data-identifier="WhatsApp">
                                        {icon size=24 name='whatsapp' type='brand'}
-                                       <span>{lang}wcf.message.share.whatsApp{/lang}</span>
                                </button>
                        </li>
                {/if}
@@ -38,7 +34,6 @@
                        <li>
                                <button type="button" href="#" role="button" class="button messageShareProvider" title="{lang}wcf.message.share.linkedIn{/lang}" aria-label="{lang}wcf.message.share.linkedIn{/lang}" data-identifier="LinkedIn">
                                        {icon size=24 name='linkedin-in' type='brand'}
-                                       <span>{lang}wcf.message.share.linkedIn{/lang}</span>
                                </button>
                        </li>
                {/if}
@@ -46,7 +41,6 @@
                        <li>
                                <button type="button" class="button messageShareProvider" title="{lang}wcf.message.share.pinterest{/lang}" aria-label="{lang}wcf.message.share.pinterest{/lang}" data-identifier="Pinterest">
                                        {icon size=24 name='pinterest' type='brand'}
-                                       <span>{lang}wcf.message.share.pinterest{/lang}</span>
                                </button>
                        </li>
                {/if}
@@ -54,7 +48,6 @@
                        <li>
                                <button type="button" class="button messageShareProvider" title="{lang}wcf.message.share.xing{/lang}" aria-label="{lang}wcf.message.share.xing{/lang}" data-identifier="XING">
                                        {icon size=24 name='xing' type='brand'}
-                                       <span>{lang}wcf.message.share.xing{/lang}</span>
                                </button>
                        </li>
                {/if}

diff --git a/ts/WoltLabSuite/Core/Ui/Message/Share/Dialog.ts b/ts/WoltLabSuite/Core/Ui/Message/Share/Dialog.ts
index adbd1abcf6beb604874b3f6f7dbf84666b6d5ae8..2ea8337b42afbd6a9659104d1b7cd6e658f90671 100644 (file)
--- a/ts/WoltLabSuite/Core/Ui/Message/Share/Dialog.ts
+++ b/ts/WoltLabSuite/Core/Ui/Message/Share/Dialog.ts
@@ -150,7 +150,6 @@ function getProviderButtons(): string {
       <li>
         <button type="button" class="button small messageShareProvider" title="${label}" aria-label="${label}" data-identifier="${identifier}">
           ${icon}
-          <span>${label}</span>
         </button>
       </li>
     `;

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Message/Share/Dialog.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Message/Share/Dialog.js
index b5768bd5002f07ad7a39509be623f9864dfdb60e..3662fc31cf9a43bf01a4fa27740a7f6f55697e90 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Message/Share/Dialog.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Message/Share/Dialog.js
@@ -112,7 +112,6 @@ define(["require", "exports", "tslib", "../../../Dom/Traverse", "../../../Clipbo
       <li>
         <button type="button" class="button small messageShareProvider" title="${label}" aria-label="${label}" data-identifier="${identifier}">
           ${icon}
-          <span>${label}</span>
         </button>
       </li>
     `;