Vorlage:Ic: Unterschied zwischen den Versionen

Version vom 29. September 2020, 09:52 Uhr

Syntax: {{ ic | Input-Cloud | Optionale Parameter }}

2. Parameter	Default	Darstellung
\| dr als 2. Parameter	w=161px dropdown	Input-Cloud
\| dr \| Anw=UMA als 2. Parameter	w=161px dropdown	Input-Cloud
\| c als 2. Parameter	w=161px counter	Input-Cloud
\| c als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=81px	Input-UTM
\| rechts	links	stellt ein Icon auf der Rechten Seite dar
\| tr als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-odd als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-even als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| tr-head als 2. Parameter Bei Aufruf von einer UTM-Seite aus	w=161px table-row	Input-Cloud
\| cb \| Anw=UMA als 2. oder 3. Parameter	zusätzlich als Inhalt: {{cb\|https}} clickbox	»https
2. oder weitere Parameter	Default	Darstellung
\| Anw=	ohne	Formatiert die Anzeige, wie mit Aufruf von Anw-Seite aus
\| Anw=UTM		Eingabfeld UTM
\| Anw=UMA		Eingabfeld UMA
\| Anw=MS		Eingabfeld UMA
\| w=	w=170px width:	Input-Cloud
\| fw=	fw=normal font-weight	light, lighter, normal, bold, bolder
\| icon=	Optional {{ spc \| Eingabefeld \| c \| icon=clock \| fw=bold }}	Eingabefeld
\| icon= \| Anw=MS	Optional {{ spc \| Eingabefeld \| c \| icon=clock \| fw=bold }}	Eingabefeld
\| iconw=	20px	Breite des Iconfeldes
\| iconc=	grey-l	Farbe des Icons
\| icon-class=	Übergibt den Parameter als class=xyz an {{spc\|}} fas=solid (entspr. bold), far=regular, fal=light Um ein beliebiges fontawesome-Icon zu verwenden muss als Paramater zusätzlich icon=fa verwendet werden.
\| lh=	Optional line-height	lh=40px verändert die Zeilenhöhe außerhalb* der Box*
\| pd=	pd=3px	ändert die Höhe der Box: Input-Cloud pd=10px
\| c= Color	grey-l
\| bdc= Border-Color	rgba(0, 0, 0, 0.125)
\| bc= background-color	rgba(0, 0, 0, 0.01)

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten].
Anwendungsbeispiele und Funktionalitätsprüfungen befinden sich auf der Testseite [Bearbeiten].
Liste der Unterseiten.

@@ Zeile 39: / Zeile 39: @@
 		"
 		style="
-		{{#if: {{{bc|}}}  | background-color: {{Farbe|{{{bc|rgba(0,0,0,0.01);}}} }} }}
+		{{#if: {{{bc |}}} | background-color:	{{Farbe|{{{bc|rgba(0,0,0,0.01);}}} }} }}
-		{{#if: {{{bdc|}}} | border: 1px solid {{Farbe|{{{bdc|rgba(0,0,0,0.125);}}} }} }}
+		{{#if: {{{bdc|}}} | border:		1px solid {{Farbe|{{{bdc|rgba(0,0,0,0.125);}}} }} }}
-		{{#if: {{{pd|}}}  | padding: {{{pd|}}}; }}
+		{{#if: {{{pd |}}} | padding:		{{{pd|}}}; }}
-		{{#if: {{{lh|}}} | line-height: {{{lh|}}}; }}
+		{{#if: {{{lh |}}} | line-height:	{{{lh|}}}; }}
-		{{#if: {{{fw|}}} | font-weight: {{{fw|}}}; }}
+		{{#if: {{{fw |}}} | font-weight:	{{{fw|}}}; }}
-		{{#if: {{{c |}}} | color: {{Farbe|{{{c|}}} }} }}
+		{{#if: {{{c  |}}} | color:		{{Farbe|{{{c|}}} }} }}
 	}}
 	>{{#if: {{{icon|}}} |{{#ifeq: {{{2|}}} | rechts | |<span
 		class="icon"
 		style="
-		{{#if: {{{iconw|}}} | width: {{{iconw|}}}; display: inline-block;}}
+		{{#if: {{{iconw|}}}  | width: {{{iconw|}}}; display: inline-block;}}
-		{{#if: {{{iconc|}}} | color: {{Farbe| {{{iconc|}}} }} }}
+		{{#if: {{{iconc|}}}  | color: {{Farbe| {{{iconc|}}} }} }}
 		{{#if: {{{iconbc|}}} | background-color: {{Farbe | {{{iconbc|}}} }} }}
 		"
@@ Zeile 56: / Zeile 56: @@
 		{{#ifeq: {{{w|"x"}}} | "x"
 			|
-			| <!-- display: inline; -->
+			| display: inline-flex;
 			width: calc( {{{ w | {{isutm | 90px | 170px | {{{Anw|}}} }} }}} - {{#if: {{{2|}}} |calc( 1em + 3px )|0px}} );
 		}}"