diff --git a/changes/changelog.d/768.enhancement b/changes/changelog.d/768.enhancement new file mode 100644 index 0000000000000000000000000000000000000000..4d0ab83e51af129f139b13e25d0594ce29fa6b84 --- /dev/null +++ b/changes/changelog.d/768.enhancement @@ -0,0 +1 @@ +Descriptions will now be shown underneath user libraries (#768) \ No newline at end of file diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss index 38705d2505d26cc322ea181331f335989b1fcec7..e436dc33735a1867222635a5b42bd7b74bfe7253 100644 --- a/front/src/style/_main.scss +++ b/front/src/style/_main.scss @@ -326,3 +326,7 @@ td.align.right { margin-left: 1em; } } + +.card .description { + word-wrap: break-word; +} diff --git a/front/src/views/content/libraries/Card.vue b/front/src/views/content/libraries/Card.vue index bd940083e084f085f2d4f3c40827c32a7e918719..4e1b497df25fa85b98bf9ad514782b601765c770 100644 --- a/front/src/views/content/libraries/Card.vue +++ b/front/src/views/content/libraries/Card.vue @@ -29,6 +29,7 @@ </span> </div> <div class="description"> + {{ library.description }} <div class="ui hidden divider"></div> </div> <div class="content"> diff --git a/front/src/views/content/remote/Card.vue b/front/src/views/content/remote/Card.vue index 7c3637e4db73b8f7bb300f097d6e8eacb151c1f7..1309b2f2b3893121d3c21f2d9c75870ea36895e2 100644 --- a/front/src/views/content/remote/Card.vue +++ b/front/src/views/content/remote/Card.vue @@ -22,6 +22,10 @@ <human-date :date="library.creation_date" /> </span> </div> + <div class="description"> + {{ library.description }} + <div class="ui hidden divider"></div> + </div> <div class="meta"> <i class="music icon"></i> <translate translate-context="*/*/*" :translate-params="{count: library.uploads_count}" :translate-n="library.uploads_count" translate-plural="%{ count } tracks">%{ count } track</translate>