Avoid badge image overlaying content

2018-10-09 18:49:36 +02:00
parent 8b72e6e5ef
commit 20138df99c
2 changed files with 7 additions and 1 deletions
@@ -36,6 +36,12 @@
        .content{
            padding:17px 15px;
            background-color:$typoWhite;
+            &.has-badge {
+              padding-right: 75px;
+              @include mq($from: tablet) {
+                padding-right: 15px;
+              }
+            }
        }
        .flag{
            margin:15px 15px 0 0;
@@ -19,7 +19,7 @@
        <div class="head">
            {product.concept.name}
        </div>
-        <div class="content">
+        <div class="content{f:if(condition: '{settings.showSkipassBadge} && {product.skipassIncluded}', then: ' has-badge')}">
            <span class="headline headline--3">{product.name}{f:if(condition: product.subline, then: ' {product.subline}')}</span>
            <span>{product.region.name}</span>
        </div>