Added content-rating to mediaitem-list-item

This commit is contained in:
booploops 2021-12-03 12:50:42 -08:00
parent f88477f18f
commit 56b20e7080
2 changed files with 17 additions and 0 deletions

View file

@ -242,6 +242,9 @@
</template>
</div>
</div>
<div class="content-rating" v-if="item.attributes.contentRating">
{{ item.attributes.contentRating }}
</div>
</div>
</template>
</script>

View file

@ -1262,6 +1262,20 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
font-size: 12px;
}
.cd-mediaitem-list-item .content-rating {
text-transform: uppercase;
font-size: 10px;
border-radius: 3px;
background: rgb(200 200 200 / 15%);
width: 60px;
text-align: center;
padding: 5px;
margin-right: 12px;
flex: 0 0 auto;
font-weight: 500;
color: #ccc;
}
/* mediaitem-hrect */
.cd-mediaitem-hrect {
background: rgb(255 255 255 / 18%);