Merge pull request #3055 from nextcloud/feature/noid/bold-first-line

ListItem Design update

src/components/NcListItem/NcListItem.vue

@@ -26,7 +26,7 @@
 	<NcListItem
 		:title="'Title of the element'"
 		:bold="false"
-		:details="'One hour ago'"
+		:details="'1h'"
 		:counter-number="44"
 		counterType="highlighted">
 		<template #icon>
@@ -54,7 +54,7 @@
 		:title="'Title of the element'"
 		:bold="false"
 		:force-display-actions="true"
-		:details="'One hour ago'"
+		:details="'1h'"
 		:counter-number="44"
 		counterType="highlighted">
 		<template #icon>
@@ -105,7 +105,7 @@
 	<NcListItem
 		:title="'Title of the element'"
 		:bold="false"
-		:details="'One hour ago'">
+		:details="'1h'">
 		<template #icon>
 			<NcAvatar :size="44" user="janedoe" display-name="Jane Doe" />
 		</template>
@@ -215,8 +215,7 @@
 						:class="{ 'list-item-content__main--oneline': oneLine }">
 
 						<!-- First line, title and details -->
-						<div class="line-one"
-							:class="{'line-one--bold': bold}">
+						<div class="line-one">
 							<span class="line-one__title">
 								{{ title }}
 							</span>
@@ -342,7 +341,7 @@ export default {
 		},
 
 		/**
-		 * Make title and subtitle bold
+		 * Make subtitle bold
 		 */
 		bold: {
 			type: Boolean,
@@ -571,7 +570,7 @@ export default {
 	flex: 0 0 auto;
 	justify-content: flex-start;
 	padding: 8px;
-	border-radius: 16px;
+	border-radius: var(--border-radius-pill);
 	margin: 2px 0;
 	width: 100%;
 	cursor: pointer;
@@ -638,16 +637,14 @@ export default {
 	white-space: nowrap;
 	margin: 0 auto 0 0;
 	overflow: hidden;
-	&--bold {
-		font-weight: bold;
-	}
 
 	&__title {
 		overflow: hidden;
 		flex-grow: 1;
 		cursor: pointer;
 		text-overflow: ellipsis;
 		color: var(--color-main-text);
+		font-weight: bold;
 	}
 
 	&__details {