Template:Msgbox: Difference between revisions

Created page with "<div style="border: 1px solid {{{border|var(--border-color-base, #a2a9b1)}}}; border-left: 10px solid {{{accent|var(--border-color-progressive, #36c)}}}; background-color: {{{bg|var(--background-color-neutral-subtle, #f8f9fa)}}}; color: var(--color-base, #202122); padding: 8px 12px; margin-bottom: 1em; line-height: 1.5; box-sizing: border-box;"> '''{{{issue|{{{1|}}}}}}''' {{{fix|{{{2|}}}}}} </div><noinclude> <div style="border: 1px solid var(--border-color-base, #a2a9b1)..."
Tag: 2017 source edit
 
No edit summary
Tag: 2017 source edit
Line 1: Line 1:
<div style="border: 1px solid {{{border|var(--border-color-base, #a2a9b1)}}}; border-left: 10px solid {{{accent|var(--border-color-progressive, #36c)}}}; background-color: {{{bg|var(--background-color-neutral-subtle, #f8f9fa)}}}; color: var(--color-base, #202122); padding: 8px 12px; margin-bottom: 1em; line-height: 1.5; box-sizing: border-box;">
<div style="border: 1px solid {{{border|var(--border-color-base, #a2a9b1)}}}; border-left: 10px solid {{{accent|var(--border-color-progressive, #36c)}}}; background-color: {{{bg|var(--background-color-neutral-subtle, #f8f9fa)}}}; color: var(--color-base, #202122); padding: 8px 12px; margin-bottom: 1em; line-height: 1.5; box-sizing: border-box; display: flex; align-items: center; gap: 10px;">
'''{{{issue|{{{1|}}}}}}''' {{{fix|{{{2|}}}}}}
<div style="flex-shrink: 0; font-size: 24px;">{{{icon|}}}</div>
<div>{{{issue|{{{1|}}}}}}{{{fix|{{{2|}}}}}}</div>
</div><noinclude>
</div><noinclude>
<div style="border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-success-subtle, #ecfcf4); padding: 1em; margin-top: 1em;">
<div style="border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-success-subtle, #ecfcf4); padding: 1em; margin-top: 1em;">
Line 11: Line 12:
<pre>
<pre>
{{Msgbox
{{Msgbox
|issue=Describe the problem.
|icon=ℹ️
|issue='''Describe the problem.'''
|fix=Describe what the editor should do.
|fix=Describe what the editor should do.
}}
}}
Line 19: Line 21:


{{Msgbox
{{Msgbox
|issue=Describe the problem.
|icon=ℹ️
|issue='''Describe the problem.'''
|fix=Describe what the editor should do.
|fix=Describe what the editor should do.
}}
}}
Line 28: Line 31:
! Parameter !! Required !! Description
! Parameter !! Required !! Description
|-
|-
| <code>issue</code> or <code>1</code> || Yes || '''Bold''' problem statement
| <code>issue</code> or <code>1</code> || Yes || Problem statement (add <code><nowiki>'''bold'''</nowiki></code> in calling templates)
|-
|-
| <code>fix</code> or <code>2</code> || Yes || What should be done to fix it
| <code>fix</code> or <code>2</code> || Yes || What should be done to fix it
|-
| <code>icon</code> || No || Emoji or image shown to the left of the text. Default: none
|-
|-
| <code>accent</code> || No || Left border color (CSS value or Codex token). Default: progressive blue
| <code>accent</code> || No || Left border color (CSS value or Codex token). Default: progressive blue
Line 48: Line 53:


<pre>
<pre>
{{Msgbox|issue=This is a notice.|fix=No action needed.}}
{{Msgbox|icon=ℹ️|issue='''This is a notice.''' |fix=No action needed.}}
</pre>
</pre>
{{Msgbox|issue=This is a notice.|fix=No action needed.}}
{{Msgbox|icon=ℹ️|issue='''This is a notice.''' |fix=No action needed.}}


=== Warning (content and style issues) ===
=== Warning (content and style issues) ===
Line 58: Line 63:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|bg=var(--background-color-warning-subtle, #fef6e7)
|issue=This article needs additional citations.
|issue='''This article needs additional citations.'''
|fix=Please help improve it by adding reliable sources.
|fix=Please help improve it by adding reliable sources.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=⚠️
|accent=var(--border-color-warning, #edab00)
|accent=var(--border-color-warning, #edab00)
|bg=var(--background-color-warning-subtle, #fef6e7)
|bg=var(--background-color-warning-subtle, #fef6e7)
|issue=This article needs additional citations.
|issue='''This article needs additional citations.'''
|fix=Please help improve it by adding reliable sources.
|fix=Please help improve it by adding reliable sources.
}}
}}
Line 77: Line 84:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=❌
|accent=var(--border-color-error, #d33)
|accent=var(--border-color-error, #d33)
|bg=var(--background-color-error-subtle, #fee7e6)
|bg=var(--background-color-error-subtle, #fee7e6)
|issue=This article has been proposed for deletion.
|issue='''This article has been proposed for deletion.'''
|fix=Discuss on the talk page.
|fix=Discuss on the talk page.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=❌
|accent=var(--border-color-error, #d33)
|accent=var(--border-color-error, #d33)
|bg=var(--background-color-error-subtle, #fee7e6)
|bg=var(--background-color-error-subtle, #fee7e6)
|issue=This article has been proposed for deletion.
|issue='''This article has been proposed for deletion.'''
|fix=Discuss on the talk page.
|fix=Discuss on the talk page.
}}
}}
Line 96: Line 105:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=✅
|accent=var(--border-color-success, #14866d)
|accent=var(--border-color-success, #14866d)
|bg=var(--background-color-success-subtle, #ecfcf4)
|bg=var(--background-color-success-subtle, #ecfcf4)
|issue=This issue has been resolved.
|issue='''This issue has been resolved.'''
|fix=You may remove this notice.
|fix=You may remove this notice.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=✅
|accent=var(--border-color-success, #14866d)
|accent=var(--border-color-success, #14866d)
|bg=var(--background-color-success-subtle, #ecfcf4)
|bg=var(--background-color-success-subtle, #ecfcf4)
|issue=This issue has been resolved.
|issue='''This issue has been resolved.'''
|fix=You may remove this notice.
|fix=You may remove this notice.
}}
}}
Line 115: Line 126:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=🔀
|accent=var(--border-color-progressive, #36c)
|accent=var(--border-color-progressive, #36c)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|issue=It has been suggested that this article be merged.
|issue='''It has been suggested that this article be merged.'''
|fix=Discuss on the talk page.
|fix=Discuss on the talk page.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=🔀
|accent=var(--border-color-progressive, #36c)
|accent=var(--border-color-progressive, #36c)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|bg=var(--background-color-progressive-subtle, #eaf3ff)
|issue=It has been suggested that this article be merged.
|issue='''It has been suggested that this article be merged.'''
|fix=Discuss on the talk page.
|fix=Discuss on the talk page.
}}
}}
Line 134: Line 147:
<pre>
<pre>
{{Msgbox
{{Msgbox
|icon=🔒
|accent=var(--border-color-base, #a2a9b1)
|accent=var(--border-color-base, #a2a9b1)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|issue=This article is semi-protected.
|issue='''This article is semi-protected.'''
|fix=Only autoconfirmed users may edit.
|fix=Only autoconfirmed users may edit.
}}
}}
</pre>
</pre>
{{Msgbox
{{Msgbox
|icon=🔒
|accent=var(--border-color-base, #a2a9b1)
|accent=var(--border-color-base, #a2a9b1)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|bg=var(--background-color-neutral-subtle, #f8f9fa)
|issue=This article is semi-protected.
|issue='''This article is semi-protected.'''
|fix=Only autoconfirmed users may edit.
|fix=Only autoconfirmed users may edit.
}}
}}
Line 197: Line 212:
== Shortcut templates ==
== Shortcut templates ==


These templates wrap <code><nowiki>{{Msgbox}}</nowiki></code> with preset styles:
These templates wrap <code><nowiki>{{Msgbox}}</nowiki></code> with preset styles and icons:


{| class="wikitable"
{| class="wikitable"
! Template !! Style !! Usage
! Template !! Icon !! Style !! Usage
|-
|-
| <code><nowiki>{{Stub}}</nowiki></code> || Notice (blue) || Article is too short
| <code><nowiki>{{Stub}}</nowiki></code> || 📝 || Notice (blue) || Article is too short
|-
|-
| <code><nowiki>{{Citation needed}}</nowiki></code> || Warning (orange) || Needs sources
| <code><nowiki>{{Citation needed}}</nowiki></code> || 📚 || Warning (orange) || Needs sources
|-
|-
| <code><nowiki>{{Cleanup}}</nowiki></code> || Warning (orange) || Formatting/quality issues
| <code><nowiki>{{Cleanup}}</nowiki></code> || 🧹 || Warning (orange) || Formatting/quality issues
|-
|-
| <code><nowiki>{{Original research}}</nowiki></code> || Warning (orange) || Unverified claims
| <code><nowiki>{{Original research}}</nowiki></code> || ⚠️ || Warning (orange) || Unverified claims
|-
|-
| <code><nowiki>{{Under construction}}</nowiki></code> || Notice (blue) || Work in progress
| <code><nowiki>{{Under construction}}</nowiki></code> || 🚧 || Notice (blue) || Work in progress
|-
|-
| <code><nowiki>{{Merge}}</nowiki></code> || Progressive (blue) || Merge proposal
| <code><nowiki>{{Merge}}</nowiki></code> || 🔀 || Progressive (blue) || Merge proposal
|-
|-
| <code><nowiki>{{Delete}}</nowiki></code> || Error (red) || Deletion proposal
| <code><nowiki>{{Delete}}</nowiki></code> || ❌ || Error (red) || Deletion proposal
|}
|}


Line 225: Line 240:
</div>
</div>
[[Category:Template documentation]]
[[Category:Template documentation]]
<templatedata>
</noinclude>
{
"params": {},
"description": "Renders a left-bordered message box"
}
</templatedata></noinclude>