Template:Notify: Difference between revisions

Revision as of 01:06, 5 April 2023

Template Documentation [view] [edit]

Available doc translations

…

Different types of notifications in one template. Created as a basis for other templates.

{{Notify
| mode = inline
| size = 10px
| img = 
| text = 
| color = 
}}

Parameter	Description	Example	Preview
`{{{1}}}` or `{{{text}}}`	Your text. Important:	\| Hello, World! \| text = Hello, World!	Hello, World! Hello, World!
`{{{mode}}}`	Switches the template modes. Avaliable modes: inline.	\| mode = inline	:Hello, World!

Parameter	Description	Example	Preview
`{{{img}}}`	Notification icon.	\| img = Note.png	:Hello, World!
`{{{size}}}`	Notification icon size (Highly recommended to specify since most icons support high DPI.)	\| size = 16px	Important:Hello, World!
`{{{type}}}`	Notification type.	\| type = Warning	Important:Hello, World!
`{{{color}}}`	Notification color (RGB only). RGBA may also work.	\| color = 240,211,0	Important:Hello, World!

@@ Line 1: / Line 1: @@
 {{Doc}}
 <includeonly><onlyinclude>{{#switch:{{{mode|}}}
-| inline = <div style="display:{{#if:{{{text|{{{1|}}}}}}|flex|inline-flex}}; background:linear-gradient(90deg, rgba({{{color|240,240,240}}},.07) 0%, transparent 100%); border-left:2px solid rgb({{{color|240,240,240}}}); border-radius:2px; font-size:12px; padding:6px 0 4px 12px; margin:.5em 0"><!--
+| inline = <{{#if:{{{text|{{{1|}}}}}}|div|span}} style="display:{{#if:{{{text|{{{1|}}}}}}|flex|inline-flex}}; background:linear-gradient(90deg, rgba({{{color|240,240,240}}},.07) 0%, transparent 100%); border-left:2px solid rgb({{{color|240,240,240}}}); border-radius:2px; font-size:12px; padding:6px 0 4px 12px; margin:{{#if:{{{text|{{{1|}}}}}}|.5em 0|0}}"><!--
 	--><strong style="display:table-cell; color:rgb({{{color|240,240,240}}}); white-space:nowrap"><!--
@@ Line 7: / Line 7: @@
 	--></strong><!--
-	--><span style="display:table-cell; margin-left:4px">{{{text|}}}</span></div>
+	--><span style="display:table-cell; margin-left:4px">{{{text|}}}</span></{{#if:{{{text|{{{1|}}}}}}|div|span}}>
 | #default = <div style="background-color:rgba(159,159,159,.05); border:1px solid rgba(159,159,159,.3); border-left:4px solid #9F9F9F; border-radius:3px; padding:10px 12px; margin-bottom:6px">{{{text|{{{1|}}}}}}</div>
 }}</onlyinclude></includeonly>