Avoid badge image overlaying content
This commit is contained in:
@@ -36,6 +36,12 @@
|
|||||||
.content{
|
.content{
|
||||||
padding:17px 15px;
|
padding:17px 15px;
|
||||||
background-color:$typoWhite;
|
background-color:$typoWhite;
|
||||||
|
&.has-badge {
|
||||||
|
padding-right: 75px;
|
||||||
|
@include mq($from: tablet) {
|
||||||
|
padding-right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.flag{
|
.flag{
|
||||||
margin:15px 15px 0 0;
|
margin:15px 15px 0 0;
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
<div class="head">
|
<div class="head">
|
||||||
{product.concept.name}
|
{product.concept.name}
|
||||||
</div>
|
</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 class="headline headline--3">{product.name}{f:if(condition: product.subline, then: ' {product.subline}')}</span>
|
||||||
<span>{product.region.name}</span>
|
<span>{product.region.name}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user