From 56b20e708082ce25d9ba711ed9401b7a4964bfee Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Fri, 3 Dec 2021 12:50:42 -0800
Subject: [PATCH] Added content-rating to mediaitem-list-item

---
 resources/cider-ui-tests/index.html |  3 +++
 resources/cider-ui-tests/style.css  | 14 ++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/resources/cider-ui-tests/index.html b/resources/cider-ui-tests/index.html
index 10f6ab4b..479abd58 100644
--- a/resources/cider-ui-tests/index.html
+++ b/resources/cider-ui-tests/index.html
@@ -242,6 +242,9 @@
                     </template>
                 </div>
             </div>
+            <div class="content-rating" v-if="item.attributes.contentRating">
+                {{ item.attributes.contentRating }}
+            </div>
         </div>
     </template>
 </script>
diff --git a/resources/cider-ui-tests/style.css b/resources/cider-ui-tests/style.css
index 1ae30d24..a518f311 100644
--- a/resources/cider-ui-tests/style.css
+++ b/resources/cider-ui-tests/style.css
@@ -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%);