From 4c0d23885d883c3ce20ed5e2a1c5aa61033664e5 Mon Sep 17 00:00:00 2001 From: John Molakvoæ Date: Fri, 21 Apr 2023 15:45:00 +0200 Subject: fix(files): favorite marker css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ --- apps/files/src/components/FilesListVirtual.vue | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) (limited to 'apps/files/src') 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 { -- cgit v1.2.3