From e7ba0bae9a33acaa056471daff1fa4cde7685893 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= Date: Fri, 27 Sep 2019 13:39:58 +0200 Subject: [PATCH 1/2] Limit image size in banner element --- .../ep_theme/Resources/Private/Assets/scss/_disturber.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_disturber.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_disturber.scss index 033aaad9..5ed05f64 100644 --- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_disturber.scss +++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_disturber.scss @@ -201,6 +201,10 @@ width:100%; border-radius: 100%; height:auto; + @include mq($until: tablet) { + max-width: 50%; + margin: 0 auto; + } } } &.ep-newsletter{ From 2517ff0cd0c3351d122b287e502f75e5ef15dfca Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= Date: Fri, 27 Sep 2019 13:40:12 +0200 Subject: [PATCH 2/2] Improve size and position of custom badge in mobile view --- .../Resources/Private/Assets/scss/remix/_badges.scss | 2 +- .../Resources/Private/Assets/scss/remix/_product.scss | 9 ++++++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss index 5d1fdc8e..2d41fcb5 100644 --- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss +++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss @@ -80,7 +80,7 @@ display: block; text-transform: uppercase; font-weight: 700; - font-size: 12px; + font-size: 2vw; line-height: 1; padding-bottom: 4px; diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss index 686cf0bd..1da5850a 100644 --- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss +++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss @@ -61,10 +61,16 @@ .product-header__badge { position: absolute; display: block; - @include size(100px); + @include size(80px); top: 0; right: 64px; + &--custom { + top: auto; + bottom: 0; + right: 110px; + } + &--skipass { width: 75px; height: auto; @@ -84,6 +90,7 @@ @include size(180px); &--custom { + bottom: auto; top: 36px; right: 20%; }