fix(files): favorite marker css

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

1 files changed, 13 insertions, 4 deletions

diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
index ad0ba2069ff..866fc6da00d 100644
--- a/apps/files/src/components/FilesListVirtual.vue
+++ b/apps/files/src/components/FilesListVirtual.vue
@@ -139,7 +139,7 @@ export default Vue.extend({
 
 	methods: {
 		getFileId(node) {
-			return node.attributes.fileid
+			return node.fileid
 		},
 
 		t: translate,
@@ -233,22 +233,24 @@ export default Vue.extend({
 		}
 
 		.files-list__row-icon {
+			position: relative;
 			display: flex;
+			overflow: visible;
 			align-items: center;
+			// No shrinking or growing allowed
+			flex: 0 0 var(--icon-preview-size);
 			justify-content: center;
 			width: var(--icon-preview-size);
 			height: 100%;
 			// Show same padding as the checkbox right padding for visual balance
 			margin-right: var(--checkbox-padding);
 			color: var(--color-primary-element);
-			// No shrinking or growing allowed
-			flex: 0 0 var(--icon-preview-size);
 
 			& > span {
 				justify-content: flex-start;
 			}
 
-			svg {
+			&> span:not(.files-list__row-icon-favorite) svg {
 				width: var(--icon-preview-size);
 				height: var(--icon-preview-size);
 			}
@@ -263,6 +265,13 @@ export default Vue.extend({
 				background-position: center;
 				background-size: contain;
 			}
+
+			&-favorite {
+				position: absolute;
+				top: 4px;
+				right: -8px;
+				color: #ffcc00;
+			}
 		}
 
 		.files-list__row-name {