okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Align heart icon

Browse source
This commit is contained in:
Amaru8 2022-04-30 20:21:28 +02:00
parent 3497b65d6a
commit 4e22857ccd
5 changed files with 28 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/renderer/less/elements.css
View file

@ -371,6 +371,12 @@
filter: contrast(0); filter: contrast(0);
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.heart-icon {
height: 18px;
width: 39px;
filter: contrast(0);
background-repeat: no-repeat;
}
@keyframes load-bar { @keyframes load-bar {
10% { 10% {
box-shadow: inset 0 -4px 0; box-shadow: inset 0 -4px 0;

7
src/renderer/less/elements.less
View file

@ -456,6 +456,13 @@
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.heart-icon {
height: 18px;
width: 39px;
filter: contrast(0);
background-repeat: no-repeat;
}
/* CSS.gg /* CSS.gg
*/ */
@keyframes load-bar { @keyframes load-bar {

6
src/renderer/style.css
View file

@ -7936,6 +7936,12 @@ fieldset:disabled .btn {
filter: contrast(0); filter: contrast(0);
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.cd-mediaitem-list-item .heart-icon {
height: 18px;
width: 39px;
filter: contrast(0);
background-repeat: no-repeat;
}
@keyframes load-bar { @keyframes load-bar {
10% { 10% {
box-shadow: inset 0 -4px 0; box-shadow: inset 0 -4px 0;

8
src/renderer/style.less
View file

@ -1207,6 +1207,14 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
background-repeat: no-repeat; background-repeat: no-repeat;
margin-left: 3px; margin-left: 3px;
} }
.heart-icon {
height: 9px;
width: 13px;
filter: contrast(0);
background-repeat: no-repeat;
margin-left: 3px;
}
} }
.lossless-icon { .lossless-icon {

2
src/renderer/views/components/mediaitem-list-item.ejs
View file

@ -67,7 +67,7 @@
</div> </div>
<div class="explicit-icon" v-if="item.attributes && item.attributes.contentRating == 'explicit'"></div> <div class="explicit-icon" v-if="item.attributes && item.attributes.contentRating == 'explicit'"></div>
<template v-if="showMetaData == true" @dblclick="route()"> <template v-if="showMetaData == true" @dblclick="route()">
<div class="metainfo" style="min-width: 70px;" v-if="isLoved"> <div class="heart-icon" v-if="isLoved">
<div class="svg-icon" :style="{'--url': 'url(./assets/feather/heart-fill.svg)'}"></div> <div class="svg-icon" :style="{'--url': 'url(./assets/feather/heart-fill.svg)'}"></div>
</div> </div>
<div class="metainfo"> <div class="metainfo">