From 293f55d24267bf459b1dd9bc7925e444fcb9c0d9 Mon Sep 17 00:00:00 2001
From: "fanky.eu" <jakub.webisti@gmail.com>
Date: Mon, 17 May 2021 11:05:31 +0200
Subject: [PATCH] Line-height issue. Basically, the classes that were on <p>
tag should be on <div> tag if injected contents contains p tags.
---
source/_patterns/00-atoms/09-cards/basic-card.mustache | 2 +-
source/_patterns/00-atoms/09-cards/colored-card.mustache | 2 +-
source/_patterns/00-atoms/09-cards/hover-active-card.mustache | 2 +-
source/_patterns/00-atoms/09-cards/icon-colored-card.mustache | 2 +-
source/_patterns/01-molecules/02-cards/image-card.mustache | 2 +-
.../04-article-card/article-card-pirati-stan.mustache | 2 +-
.../01-molecules/04-article-card/article-card.mustache | 2 +-
.../04-article-card/emphasized-article-card.mustache | 2 +-
.../01-molecules/24-benefits/benefits-pirati-stan.mustache | 2 +-
9 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/source/_patterns/00-atoms/09-cards/basic-card.mustache b/source/_patterns/00-atoms/09-cards/basic-card.mustache
index c6395b9..3842d0e 100644
--- a/source/_patterns/00-atoms/09-cards/basic-card.mustache
+++ b/source/_patterns/00-atoms/09-cards/basic-card.mustache
@@ -1,5 +1,5 @@
<div class="card {{ classes }}">
<div class="card__body">
- {{ description }}
+ <p>This paragraph including its tag is added dynamically. {{ description }}</p>
</div>
</div>
diff --git a/source/_patterns/00-atoms/09-cards/colored-card.mustache b/source/_patterns/00-atoms/09-cards/colored-card.mustache
index 05c6923..d39bae9 100644
--- a/source/_patterns/00-atoms/09-cards/colored-card.mustache
+++ b/source/_patterns/00-atoms/09-cards/colored-card.mustache
@@ -1,6 +1,6 @@
<div class="card shadow-none bg-{{# cardColor }}{{ cardColor }}{{/ cardColor}}{{^ cardColor}}grey-125{{/ cardColor }} {{ classes }}">
<div class="card__body">
<h1 class="card-headline mb-8"><a href="#">{{ title }}{{^ title }}{{ headline.short }}{{/ title }}</a></h1>
- <p class="card-body-text">{{ description }}</p>
+ <div class="card-body-text"><p>These two paragraphs are to be added dynamically as one HTML content.</p><p>{{ description }}</p></div>
</div>
</div>
diff --git a/source/_patterns/00-atoms/09-cards/hover-active-card.mustache b/source/_patterns/00-atoms/09-cards/hover-active-card.mustache
index 3326bad..f9b4857 100644
--- a/source/_patterns/00-atoms/09-cards/hover-active-card.mustache
+++ b/source/_patterns/00-atoms/09-cards/hover-active-card.mustache
@@ -1,5 +1,5 @@
<div class="card card--hoveractive {{ classes }}">
<div class="card__body">
- {{ description }}
+ <p>This paragraph including its tag is added dynamically. {{ description }}</p>
</div>
</div>
diff --git a/source/_patterns/00-atoms/09-cards/icon-colored-card.mustache b/source/_patterns/00-atoms/09-cards/icon-colored-card.mustache
index 058170c..b943359 100644
--- a/source/_patterns/00-atoms/09-cards/icon-colored-card.mustache
+++ b/source/_patterns/00-atoms/09-cards/icon-colored-card.mustache
@@ -1,6 +1,6 @@
<div class="card icon-card shadow-none bg-{{# cardColor }}{{ cardColor }}{{/ cardColor}}{{^ cardColor}}grey-125{{/ cardColor }} {{ classes }}" data-archetype="{{archetype}}">
<div class="card__body">
<h1 class="card-headline mb-8"><a href="#">{{ title }}{{^ title }}{{ headline.short }}{{/ title }}</a></h1>
- <p class="card-body-text">{{ excerpt.short }}</p>
+ <div class="card-body-text"><p>These two paragraphs including their tags are to be added dynamically as one HTML content.</p><p>{{ excerpt.short }}</p></div>
</div>
</div>
diff --git a/source/_patterns/01-molecules/02-cards/image-card.mustache b/source/_patterns/01-molecules/02-cards/image-card.mustache
index 136d7f7..9180d4d 100644
--- a/source/_patterns/01-molecules/02-cards/image-card.mustache
+++ b/source/_patterns/01-molecules/02-cards/image-card.mustache
@@ -4,6 +4,6 @@
</a>
<div class="card__body {{ bodyClasses }}">
<h1 class="card-headline mb-2"><a href="#">{{ title }}{{^ title }}{{ headline.short }}{{/ title }}</a></h1>
- <p class="card-body-text">{{ excerpt.short }}</p>
+ <div class="card-body-text"><p>This paragraph including its tag is added dynamically. {{ description }}</p></div>
</div>
</div>
diff --git a/source/_patterns/01-molecules/04-article-card/article-card-pirati-stan.mustache b/source/_patterns/01-molecules/04-article-card/article-card-pirati-stan.mustache
index f4e4c65..21130c6 100644
--- a/source/_patterns/01-molecules/04-article-card/article-card-pirati-stan.mustache
+++ b/source/_patterns/01-molecules/04-article-card/article-card-pirati-stan.mustache
@@ -22,7 +22,7 @@
</div>
<div class="card__body article-card__body">
<a href="#"><h1 class="card-headline mb-4">{{ headline.medium }}</h1></a>
- <p class="card-body-text flex-grow mb-4">{{ excerpt.long }}</p>
+ <div class="card-body-text flex-grow mb-4"><p>These two paragraphs including their tags are to be added dynamically as one HTML content.</p><p>{{ excerpt.short }}</p></div>
{{^ hideCats }}
<div class="inline-block-nogap">
{{> atoms-basic-button(classes: "article-card__category-button btn--grey-125 btn--condensed text-sm font-light", cta: "Kategorie 1") }}
diff --git a/source/_patterns/01-molecules/04-article-card/article-card.mustache b/source/_patterns/01-molecules/04-article-card/article-card.mustache
index 1bb60d4..d325458 100644
--- a/source/_patterns/01-molecules/04-article-card/article-card.mustache
+++ b/source/_patterns/01-molecules/04-article-card/article-card.mustache
@@ -15,7 +15,7 @@
</div>
<div class="card__body article-card__body">
<a href="#"><h1 class="card-headline mb-4">{{ headline.medium }}</h1></a>
- <p class="card-body-text flex-grow">{{ excerpt.long }}</p>
+ <div class="card-body-text flex-grow"><p>These two paragraphs including their tags are to be added dynamically as one HTML content.</p><p>{{ excerpt.short }}</p></div>
<div class="inline-block-nogap mt-4">
{{> atoms-basic-button(classes: "article-card__category-button btn--grey-125 btn--condensed text-sm font-light", cta: "Kategorie 1") }}
{{> atoms-basic-button(classes: "article-card__category-button btn--grey-125 btn--condensed text-sm font-light", cta: "Kategorie 2") }}
diff --git a/source/_patterns/01-molecules/04-article-card/emphasized-article-card.mustache b/source/_patterns/01-molecules/04-article-card/emphasized-article-card.mustache
index cf6696a..5759adc 100644
--- a/source/_patterns/01-molecules/04-article-card/emphasized-article-card.mustache
+++ b/source/_patterns/01-molecules/04-article-card/emphasized-article-card.mustache
@@ -15,7 +15,7 @@
</div>
<div class="card__body article-card__body">
<a href="#" class="hover:line-white"><h1 class="card-headline mb-4 text-white">{{ headline.medium }}</h1></a>
- <p class="card-body-text flex-grow text-white">{{ excerpt.long }}</p>
+ <div class="card-body-text flex-grow text-white"><p>These two paragraphs including their tags are to be added dynamically as one HTML content.</p><p>{{ excerpt.short }}</p></div>
<div class="inline-block-nogap mt-4">
{{> atoms-basic-button(classes: "article-card__category-button btn--grey-700 btn--condensed text-sm font-light", cta: "Kategorie 1") }}
{{> atoms-basic-button(classes: "article-card__category-button btn--grey-700 btn--condensed text-sm font-light", cta: "Kategorie 2") }}
diff --git a/source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache b/source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache
index 5ac13e9..d4f08dd 100644
--- a/source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache
+++ b/source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache
@@ -2,6 +2,6 @@
<img src="https://loremflickr.com/341/175"/>
<div class="benefit-detail bg-acidgreen">
<p class="head-heavy-base w-full pr-8">Mladí a bezdětní včetně studentů</p>
- <p class="text-sm">{{^ demoDesc }}Zachováme svobodný internet pro nastupující generace a zbavíme ho toxicity botů, kteří rozkládají naši společnost.<a id="reference8" href="#source8"><sup>[8]</sup></a>{{/ demoDesc}}{{ demoDesc }}</p>
+ <div class="text-sm">{{^ demoDesc }}<p>Zachováme svobodný internet pro nastupující generace a zbavíme ho toxicity botů, kteří rozkládají naši společnost.<a id="reference8" href="#source8"><sup>[8]</sup></a>{{/ demoDesc}}</p>{{ demoDesc }}</div>
</div>
</div>
\ No newline at end of file
--
GitLab