From 5a6b5bc387f4aa71bd2f4b5a68ec88e7ee8de93a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= Date: Wed, 6 Jun 2018 17:37:40 +0200 Subject: [PATCH] Streamline teaserbox height across devices --- .../Resources/Private/Assets/scss/remix/_teaserbox.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_teaserbox.scss b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_teaserbox.scss index b95e9461..d03e4dcf 100644 --- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_teaserbox.scss +++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_teaserbox.scss @@ -76,6 +76,9 @@ } } + p { + flex: 1; + } } .teaserbox__image { @@ -101,6 +104,8 @@ border-color: $color-grey-light; border-style: none solid; padding: 8px; + display: flex; + flex-direction: column; .teaserbox--default & { min-height: 280px; @@ -126,7 +131,7 @@ } .teaserbox--hotel & { - min-height: 230px; + min-height: 300px; } .teaserbox--product & {