fix(files): favorite marker css

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ 2023-04-21 15:45:00 +02:00
parent 425932c770
commit 4c0d23885d
No known key found for this signature in database
GPG key ID: 60C25B8C072916CF

View file

@ -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 {