Content added Content deleted
(This "should" make it backwards compatible AND tag all of the pages using the old style so they can be updated because it just looks absolutely horrible in the mean time.) |
No edit summary |
||
| (15 intermediate revisions by 7 users not shown) | |||
| Line 1: | Line 1: | ||
{{#invoke:Clickable button 2|main}}<noinclude> |
|||
<span class="plainlinks">[{{#if:{{{url|}}} |
|||
{{doc|{{Clickable button 2/doc}}}} |
|||
|{{{url}}} |
|||
<!-- Categories go on the /doc subpage, and interwikis go on Wikidata. --> |
|||
|[{{{1|}}}{{!}} |
|||
}}<span class="mw-ui-button {{{class|}}}" role="button" aria-disabled="false" {{#ifeq:{{{1}}}|{{FULLPAGENAME}}|style="cursor: default; |
|||
{{#switch:{{{class}}} |
|||
| ui-button-blue | mw-ui-progressive = background-color: #2962CB; |
|||
| ui-button-green | mw-ui-constructive = background-color: #008B6D; |
|||
| ui-button-red | mw-ui-destructive = background-color: #A6170F; |
|||
| #default = background-color: #CCC; color: #666; |
|||
}}" |
|||
}}>{{#if:{{{url|}}} |
|||
|{{#if:{{{1|}}} |
|||
|{{{1}}} |
|||
|{{{url}}} |
|||
}}{{#if:{{{ui-button-green|}}}|{{#if:{{{ui-button-blue|}}}|{{#if:{{{ui-button-red|}}}|[[Category:Pages using old style ui-button-color]]}}}}}}</span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span>] |
|||
}}]</span><noinclude> |
|||
{{Documentation}} |
|||
</noinclude> |
</noinclude> |
||
Latest revision as of 00:37, 28 March 2020
Template documentation
|
This is a documentation subpage for Template:Clickable button 2. It contains usage information, categories and other content that is not part of the original template page. |
 | This template uses Lua: |
This template styles a link like a button, using the mediawiki.ui.button module. This expands the clickable area and tap target for the link. It can be used in the following ways,
- Code:
{{Clickable button 2|Main Page}} - Code:
{{Clickable button 2|Main Page|Cover page}} - Code:
{{Clickable button 2|Main Page|url=http://en.wikipedia.org}} - Code:
{{Clickable button 2|Main Page|class=mw-ui-destructive}} - Code:
{{Clickable button 2|Main Page|class=mw-ui-progressive}}
Note: After the changes outlined in Phabricator task T110555 were implemented, {{Clickable button 2|Main Page|class=mw-ui-constructive}} produces the same output as {{Clickable button 2|Main Page|class=mw-ui-progressive}}.
The above documentation is transcluded from Template:Clickable button 2/doc.