Template:Notify: Difference between revisions

Revision as of 09:27, 11 September 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: Do not use `{{{text}}}` in other templates that are based on this template. The named parameter breaks the lists.	\| 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 = <{{#if:{{{text|}}}{{{1|}}}|div|span}} style="margin:{{#if:{{{text|{{{1|}}}}}}|.5em 0|0}}; margin-{{Dir|ltr=left|rtl=right}}:calc(2em * {{{offset|0}}}); display:{{#if:{{{text|{{{1|}}}}}}|flex|inline-flex}}; {{#if:{{{text|{{{1|}}}}}}|gap:4px;|}} 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; padding:{{#if:{{{text|{{{1|}}}}}}|6px 0 4px 12px|2px 0 0 8px}}; {{{root_inline_style|}}}"><!--
+| inline = <{{#if:{{{text|}}}{{{1|}}}|div|span}} style="margin:{{#if:{{{text|{{{1|}}}}}}|.5em 0|0}}; margin-{{text-dir|ltr=left|rtl=right}}:calc(2em * {{#expr:{{{offset|0}}}.}}); display:{{#if:{{{text|{{{1|}}}}}}|flex|inline-flex}}; {{#if:{{{text|{{{1|}}}}}}|gap:4px;|}} 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; padding:{{#if:{{{text|{{{1|}}}}}}|6px 0 4px 12px|2px 0 0 8px}}; {{{root_inline_style|}}}"><!--
 	-->{{#if:{{{img|}}}{{{type|}}}|<strong style="display:table-cell; color:rgb({{{color|240,240,240}}}); white-space:nowrap; {{{type style|}}}"><span style="user-select:none; margin-right:4px; {{{img style|}}}">[[File:{{{img|}}}|{{#if:{{{size|}}}|{{{size}}}{{!}}|}}link=]]</span>{{{type|}}}:</strong>|}}<!--