Content added Content deleted
(Please don't do this! Point me to issues and I will fix them; reverting is getting us nowhere. This change is according to MediaWiki talk:Common.js#Fixing Template:clickable button. Discuss there.) |
(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.) |
||
Line 4: | Line 4: | ||
}}<span class="mw-ui-button {{{class|}}}" role="button" aria-disabled="false" {{#ifeq:{{{1}}}|{{FULLPAGENAME}}|style="cursor: default; |
}}<span class="mw-ui-button {{{class|}}}" role="button" aria-disabled="false" {{#ifeq:{{{1}}}|{{FULLPAGENAME}}|style="cursor: default; |
||
{{#switch:{{{class}}} |
{{#switch:{{{class}}} |
||
| mw-ui-progressive = background-color: #2962CB; |
| ui-button-blue | mw-ui-progressive = background-color: #2962CB; |
||
| mw-ui-constructive = background-color: #008B6D; |
| ui-button-green | mw-ui-constructive = background-color: #008B6D; |
||
| mw-ui-destructive = background-color: #A6170F; |
| ui-button-red | mw-ui-destructive = background-color: #A6170F; |
||
| #default = background-color: #CCC; color: #666; |
| #default = background-color: #CCC; color: #666; |
||
}}" |
}}" |
||
Line 13: | Line 13: | ||
|{{{1}}} |
|{{{1}}} |
||
|{{{url}}} |
|{{{url}}} |
||
}}</span>|{{#if:{{{2|}}}|{{{2|}}}|{{{1|}}}}}</span>] |
}}{{#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> |
}}]</span><noinclude> |
||
{{Documentation}} |
{{Documentation}} |
Revision as of 16:19, 13 February 2014
[[|]]
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. (edit | history) Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |