fix(RecentPageTile): put userbubble and timestamp in separate lines

Signed-off-by: Jonas <[email protected]>
nextcloud · Aug 2, 2023 · c1096ac · c1096ac
1 parent 157c7ab
commit c1096ac
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/LastUserBubble.vue b/src/components/LastUserBubble.vue
@@ -8,7 +8,9 @@
 			:show-user-status="false">
 			{{ lastEditedUserMessage }}
 		</NcUserBubble>
-		{{ lastUpdate }}
+		<span class="timestamp">
+			{{ lastUpdate }}
+		</span>
 	</div>
 </template>
 

diff --git a/src/components/Page/LandingPageWidgets/RecentPageTile.vue b/src/components/Page/LandingPageWidgets/RecentPageTile.vue
@@ -94,6 +94,12 @@ export default {
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
+		display: flex;
+		flex-direction: column;
+
+		:deep(.timestamp) {
+			color: var(--color-text-maxcontrast);
+		}
 	}
 }
 </style>