Commit 50e4387e authored by Curtis Adam's avatar Curtis Adam

Adjust the card label settings to display the card type on mobile devices

parent ab99388a
......@@ -533,11 +533,17 @@ img.cardside {
}
}
.card-header-label .label {
display: inline-block;
margin-bottom: 1px;
.card-header-label {
display: block;
@media (max-width: 767px) {
font-size: 8px;
padding: 2px;
line-height: 7px;
}
.label {
display: inline-block;
@media (max-width: 767px) {
font-size: 8px;
white-space: normal;
padding: 1px;
}
}
}
\ No newline at end of file
<template name="cardContentItemLabel">
<span class="card-header-label hidden-xs">
<span class="card-header-label">
{{{getCardTypeLabel this.cardType}}}<br>
{{#if gotDifficulty this.cardType}}
{{{getDifficultyLabel this.cardType this.difficulty}}}<br>
......@@ -9,13 +9,4 @@
{{/if}}
{{{getTranscriptBonusLabel this}}}
</span>
<span class="card-header-label visible-xs">
{{#if gotDifficulty this.cardType}}
{{{getDifficultyLabel this.cardType this.difficulty}}}<br>
{{/if}}
{{#if isInBonus}}
{{{getBonusLabel true}}}<br>
{{/if}}
{{{getTranscriptBonusLabel this}}}
</span>
</template>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment