Template:Clickable button: Difference between revisions

Revision as of 20:42, 24 September 2024

 {{#if:  | [[File:{{{image}}}|100px|center]] }}
 
   Button text

@@ Line 1: / Line 1: @@
-<span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-progressive | white = | blue = mw-ui-progressive}}" role="button" aria-disabled="false" style="font-size: 1.5em; padding: 100px 100px; position: relative; display: inline-block;">
+<span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-progressive | white = | blue = mw-ui-progressive}}" role="button" aria-disabled="false" style="display: inline-flex; align-items: center; justify-content: center; flex-direction: column; font-size: 1.5em; padding: 100px 100px;">
-   <span style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #facc91;">
+  {{#if: {{{image|}}} | [[File:{{{image}}}|{{{image_size|100px}}}|center]] }}
-     {{{text|{{{1|Button text}}}}}}
+  <span style="color: #facc91;">
-   </span>
+    {{{text|{{{1|Button text}}}}}}
-</span><noinclude>{{Documentation}}</noinclude>
+  </span>
+</span>
+<noinclude>{{Documentation}}</noinclude>