[Android] Improve the item subtitle color on remote access

[Nicolas Pomepuy]

vlc-android | branch: master | Nicolas Pomepuy <nicolas at videolabs.io> | Mon Jan 15 15:35:46 2024 +0100| [57247a5d3528daba6b422164e23fab183d0d7822] | committer: Nicolas Pomepuy

Improve the item subtitle color on remote access

> https://code.videolan.org/videolan/vlc-android/commit/57247a5d3528daba6b422164e23fab183d0d7822
---

 buildsystem/network-sharing-server/src/components/MediaCardItem.vue | 2 +-
 buildsystem/network-sharing-server/src/components/MediaListItem.vue | 2 +-
 buildsystem/network-sharing-server/src/scss/app.scss                | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/buildsystem/network-sharing-server/src/components/MediaCardItem.vue b/buildsystem/network-sharing-server/src/components/MediaCardItem.vue
index 4c30d0a644..f65f242dd5 100644
--- a/buildsystem/network-sharing-server/src/components/MediaCardItem.vue
+++ b/buildsystem/network-sharing-server/src/components/MediaCardItem.vue
@@ -16,7 +16,7 @@
 
         <div class="card-body media-text flex1">
             <h6 class="card-title text-truncate">{{ media.title }}</h6>
-            <p class="card-text text-truncate">{{ (mediaType == 'video') ? $readableDuration(media.length) : media.artist }}
+            <p class="card-text text-truncate subtitle">{{ (mediaType == 'video') ? $readableDuration(media.length) : media.artist }}
             </p>
 
         </div>
diff --git a/buildsystem/network-sharing-server/src/components/MediaListItem.vue b/buildsystem/network-sharing-server/src/components/MediaListItem.vue
index 848fdde1da..ed5cd46fea 100644
--- a/buildsystem/network-sharing-server/src/components/MediaListItem.vue
+++ b/buildsystem/network-sharing-server/src/components/MediaListItem.vue
@@ -16,7 +16,7 @@
       </div>
         <div v-on:click="manageClick" class="card-body media-text flex1">
             <h6 class="card-title text-truncate">{{ media.title }}</h6>
-            <p class="card-text text-truncate" v-if="getDescription().length > 0">{{ getDescription() }}</p>
+            <p class="card-text text-truncate subtitle" v-if="getDescription().length > 0">{{ getDescription() }}</p>
 
         </div>
         <div class="dropdown dropstart overlay-more-container" v-show="!this.hideOverflow">
diff --git a/buildsystem/network-sharing-server/src/scss/app.scss b/buildsystem/network-sharing-server/src/scss/app.scss
index 92f666dad4..21e9c6b4b0 100644
--- a/buildsystem/network-sharing-server/src/scss/app.scss
+++ b/buildsystem/network-sharing-server/src/scss/app.scss
@@ -285,4 +285,8 @@ body {
   margin-left: 24px;
   border: 1px solid $hover-grey;
   overflow: auto;
+}
+
+.subtitle {
+  color: $grey-text;
 }
\ No newline at end of file