Template:Note - Revision history

Fxc: test

2023-03-27T08:17:48Z

test

← Older revision		Revision as of 08:17, 27 March 2023
Line 44:		Line 44:
	color: #705000;		color: #705000;
	background-color: #fef6e7;		background-color: #fef6e7;
	">{{{1\|}}}</div></includeonly>		">{{{1}}}</div></includeonly>

Fxc: +1

2022-04-12T09:21:42Z

← Older revision		Revision as of 09:21, 12 April 2022
Line 33:		Line 33:
	* [https://wiki.archlinux.org/title/Template:Note ArchWiki: Template:Note]: the template on which this one is based on		* [https://wiki.archlinux.org/title/Template:Note ArchWiki: Template:Note]: the template on which this one is based on
	* [[Template:Hint]]		* [[Template:Hint]]
			* [[Template:Info]]
	* [[Template:Warning]]		* [[Template:Warning]]
	</noinclude><includeonly><div role="note" class="template-box template-hint" style="		</noinclude><includeonly><div role="note" class="template-box template-hint" style="

RainSlide: Fix the new line problem, thanks fxc for point ths out, and https://stackoverflow.com/questions/686898

2021-10-07T22:54:21Z

Fix the new line problem, thanks fxc for point ths out, and https://stackoverflow.com/questions/686898

← Older revision		Revision as of 22:54, 7 October 2021
Line 1:		Line 1:
	<noinclude>		<noinclude>
	~~<!-- -->~~
	{{Template}}		{{Template}}

Line 12:		Line 11:

	<nowiki>{{Note\|This is an note.}}</nowiki>		<nowiki>{{Note\|This is an note.}}</nowiki>
	~~<!-- -->~~
	{{Note \| This is an note.}}		{{Note \| This is an note.}}
	~~<!-- -->~~
	For a more flexible usage, it doesn't start with "'''Note:'''" by default,		For a more flexible usage, it doesn't start with "'''Note:'''" by default,
	you may add it manually with <code><nowiki>'''Note:'''</nowiki></code>:		you may add it manually with <code><nowiki>'''Note:'''</nowiki></code>:
	~~<!-- -->~~
	<nowiki>{{Note\|'''Note:''' This is an note.}}</nowiki>		<nowiki>{{Note\|'''Note:''' This is an note.}}</nowiki>
	~~<!-- -->~~
	{{Note \| '''Note:''' This is an note.}}		{{Note \| '''Note:''' This is an note.}}
	~~<!-- -->~~
	== Technical notes ==		== Technical notes ==

Line 35:		Line 34:
	* [[Template:Hint]]		* [[Template:Hint]]
	* [[Template:Warning]]		* [[Template:Warning]]
	~~<!-- -->~~		</noinclude><includeonly><div role="note" class="template-box template-hint" style="
	</noinclude><includeonly>
	~~<!-- -->~~
	<div role="note" class="template-box template-hint" style="
	display: table;		display: table;
	min-width: 16em;		min-width: 16em;
Line 47:		Line 43:
	color: #705000;		color: #705000;
	background-color: #fef6e7;		background-color: #fef6e7;
	">{{{1\|}}}</div>		">{{{1\|}}}</div></includeonly>
	~~<!-- -->~~
	</includeonly>

RainSlide: Add more technical notes

2021-09-22T11:27:04Z

Add more technical notes

← Older revision		Revision as of 11:27, 22 September 2021
Line 23:		Line 23:
	<!-- -->		<!-- -->
	== Technical notes ==		== Technical notes ==

			The boxes use <code>display: table</code> to support both adaptive width and floating siblings, all other alternatives can't archive them as perfect as this solution within just one HTML element. However, it has its own flaw, if you put it into another table, its padding will gone. Avoid putting hints, notes and warnings into any tables until solution was found, or we give up and use two elements for just one box.

	This template uses class <code>.template-box</code> and <code>.template-note</code>.		This template uses class <code>.template-box</code> and <code>.template-note</code>.

RainSlide: Enhance Example

2021-09-22T09:04:54Z

Enhance Example

← Older revision		Revision as of 09:04, 22 September 2021
Line 3:		Line 3:
	{{Template}}		{{Template}}

	A note box for showing important notes.		A note box for showing important notes.

	== Usage ==		== Usage ==

	<nowiki>{{Note\|~~This is an~~ note.}}</nowiki>		<nowiki>{{Note\|note content}}</nowiki>

	== ~~Example~~ ==		== Examples ==

	{{Note\|This is an note.}}		<nowiki>{{Note\|This is an note.}}</nowiki>
	<!-- -->		<!-- -->
			{{Note \| This is an note.}}
			<!-- -->
			For a more flexible usage, it doesn't start with "'''Note:'''" by default,
			you may add it manually with <code><nowiki>'''Note:'''</nowiki></code>:
			<!-- -->
			<nowiki>{{Note\|'''Note:''' This is an note.}}</nowiki>
			<!-- -->
			{{Note \| '''Note:''' This is an note.}}
			<!-- -->
	== Technical notes ==		== Technical notes ==

	This template uses class <code>.template-box</code> and <code>.template-note</code> ~~to make the output HTML more parsable~~.		This template uses class <code>.template-box</code> and <code>.template-note</code>.
	In the future, if the [https://www.mediawiki.org/wiki/Extension:TemplateStyles TemplateStyles Extension] is installed on this MediaWiki instance,		In the future, if the [https://www.mediawiki.org/wiki/Extension:TemplateStyles TemplateStyles Extension] is installed on this MediaWiki instance,
	one may move the embedded inline styles to Template Style files.		one may move the embedded inline styles to Template Style files.

RainSlide: Refactor

2021-09-22T05:31:16Z

Refactor

← Older revision		Revision as of 05:31, 22 September 2021
Line 1:		Line 1:
	<noinclude>		<noinclude>
			<!-- -->
	{{Template}}		{{Template}}

			A note box for showing important notes.

	== Usage ==		== Usage ==

	~~<pre>~~<nowiki>{{Note\|This is an note.}}</nowiki~~></pre~~>		<nowiki>{{Note\|This is an note.}}</nowiki>

	== Example ==		== Example ==

	{{Note\|This is an note.}}		{{Note\|This is an note.}}
	</noinclude><includeonly><div role="note" class="~~warningbox~~" style="		<!-- -->
			== Technical notes ==

			This template uses class <code>.template-box</code> and <code>.template-note</code> to make the output HTML more parsable.
			In the future, if the [https://www.mediawiki.org/wiki/Extension:TemplateStyles TemplateStyles Extension] is installed on this MediaWiki instance,
			one may move the embedded inline styles to Template Style files.

			== See also ==

			* [https://wiki.archlinux.org/title/Template:Note ArchWiki: Template:Note]: the template on which this one is based on
			* [[Template:Hint]]
			* [[Template:Warning]]
			<!-- -->
			</noinclude><includeonly>
			<!-- -->
			<div role="note" class="template-box template-hint" style="
	display: table;		display: table;
	min-width: 16em;		min-width: 16em;
	min-height: 1.6em;		min-height: 1.6em;
	margin: .5em 0;		margin: .5em 0 1em;
			padding: .5em 1em;
			border: 1px solid #fc3;
	color: #705000;		color: #705000;
	">{{{1\|}}}</div></includeonly>		background-color: #fef6e7;
			">{{{1\|}}}</div>
			<!-- -->
			</includeonly>

RainSlide: use class="warningbox"

2021-09-22T03:24:31Z

use class="warningbox"

← Older revision		Revision as of 03:24, 22 September 2021
Line 9:		Line 9:

	{{Note\|This is an note.}}		{{Note\|This is an note.}}
	</noinclude><includeonly><div role="note" class="~~note~~" style="display: table; min-width: 16em; min-height: 1.6em; margin: .5em 0; ~~padding: .5em 1em; border: 1px solid #fde29b;~~ color: #705000; ~~background-color: #fdf1d1;~~">{{{1\|}}}</div></includeonly>		</noinclude><includeonly><div role="note" class="warningbox" style="
			display: table;
			min-width: 16em;
			min-height: 1.6em;
			margin: .5em 0;
			color: #705000;
			">{{{1\|}}}</div></includeonly>

RainSlide: use display: table to work with float: right

2021-09-17T04:25:05Z

use display: table to work with float: right

← Older revision		Revision as of 04:25, 17 September 2021
Line 9:		Line 9:

	{{Note\|This is an note.}}		{{Note\|This is an note.}}
	</noinclude><includeonly><div role="note" class="note" style="~~box-sizing: border-box; width~~: ~~max-content~~; min-width: 16em~~; max-width: 100%~~; min-height: 2.6em; margin: .5em 0; padding: .5em 1em; border: 1px solid #fde29b; color: #705000; background-color: #fdf1d1;">{{{1\|}}}</div></includeonly>		</noinclude><includeonly><div role="note" class="note" style="display: table; min-width: 16em; min-height: 1.6em; margin: .5em 0; padding: .5em 1em; border: 1px solid #fde29b; color: #705000; background-color: #fdf1d1;">{{{1\|}}}</div></includeonly>

RainSlide: Fix max width, larger min width, add min height

2021-09-17T03:37:19Z

Fix max width, larger min width, add min height

← Older revision		Revision as of 03:37, 17 September 2021
Line 9:		Line 9:

	{{Note\|This is an note.}}		{{Note\|This is an note.}}
	</noinclude><includeonly><div role="note" class="note" style="width: max-content; min-width: ~~8em~~; margin: .5em 0; padding: .5em 1em; border: 1px solid #fde29b; color: #705000; background-color: #fdf1d1;">{{{1\|}}}</div></includeonly>		</noinclude><includeonly><div role="note" class="note" style="box-sizing: border-box; width: max-content; min-width: 16em; max-width: 100%; min-height: 2.6em; margin: .5em 0; padding: .5em 1em; border: 1px solid #fde29b; color: #705000; background-color: #fdf1d1;">{{{1\|}}}</div></includeonly>

RainSlide: Remove blank lines

2021-09-17T01:38:43Z

Remove blank lines

← Older revision		Revision as of 01:38, 17 September 2021
Line 1:		Line 1:
	<noinclude>		<noinclude>

	{{Template}}		{{Template}}

Line 10:		Line 9:

	{{Note\|This is an note.}}		{{Note\|This is an note.}}
			</noinclude><includeonly><div role="note" class="note" style="width: max-content; min-width: 8em; margin: .5em 0; padding: .5em 1em; border: 1px solid #fde29b; color: #705000; background-color: #fdf1d1;">{{{1\|}}}</div></includeonly>
	</noinclude>

	<includeonly>

	<div role="note" class="note" style="width: max-content; min-width: 8em; margin: .5em 0; padding: .5em 1em; border: 1px solid #fde29b; color: #705000; background-color: #fdf1d1;">{{{1\|}}}</div>

	</includeonly>