EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve size and position of custom badge in mobile view

Browse Source
This commit is contained in:
Björn Fromme
2019-09-27 13:40:12 +02:00
parent e7ba0bae9a
commit 2517ff0cd0
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss
+1 -1
View File
@@ -80,7 +80,7 @@
display: block; display: block;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 2vw;
line-height: 1; line-height: 1;
padding-bottom: 4px; padding-bottom: 4px;
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss
+8 -1
View File
@@ -61,10 +61,16 @@
.product-header__badge { .product-header__badge {
position: absolute; position: absolute;
display: block; display: block;
@include size(100px); @include size(80px);
top: 0; top: 0;
right: 64px; right: 64px;
&--custom {
top: auto;
bottom: 0;
right: 110px;
}
&--skipass { &--skipass {
width: 75px; width: 75px;
height: auto; height: auto;
@@ -84,6 +90,7 @@
@include size(180px); @include size(180px);
&--custom { &--custom {
bottom: auto;
top: 36px; top: 36px;
right: 20%; right: 20%;
} }