Vorlage:ZKHCard: Unterschied zwischen den Versionen

Version vom 5. März 2024, 13:32 Uhr

{{ZKHCard
  |BG-Color=
  |Titel=
  |Text=
  |ButtonLink=
  |ButtonText=
}}

Beispiel:

das ist ein Testtext

[[|]]

@@ Zeile 15: / Zeile 15: @@
    |BG-Color=#d0d53d
    |Titel=Testkarte
-   |Text=hier steht eine Testbeschreibung
+   |Text= das ist ein Testtext
    |ButtonLink=Zukunftsforum klimafreundliche Hochschulen
    |ButtonText=zur Vorlage
@@ Zeile 24: / Zeile 24: @@
 __NOTOC__
 <div class="card" style="background-color:{{{BG-Color|#d0d53d}}}; border: 2px dotted;">
-<div style="word-wrap: break-word;" class="card-body">
+<div style="word-wrap: break-word; display: flex; flex-direction:column;" class="card-body">
 <h5 class="card-title" style="text-align: left; text-decoration: underline; margin-bottom: 0;">{{{Titel|}}}</h5>
-<p class="card-text" style="font-style: italic; font-size:14px; margin-bottom: 2.5rem;">{{{Text|}}}</p>
+<p class="card-text" style="font-style: italic; font-size:14px; flex-grow: 1;">{{{Text|}}}</p>
-<span class="mw-ui-button" role="button" aria-disabled="false" style="border-radius: 4px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); border: none;">
+<span class="mw-ui-button" role="button" aria-disabled="false" style="border-radius: 4px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); border: none; margin-top: auto;">
 [[{{{ButtonLink|}}}|{{{ButtonText|}}}]]
 </span>