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

Implemented fully-functional Private Session icon

Browse source
This commit is contained in:
Amaru8 2022-04-09 12:23:44 +02:00
parent 9188ca8812
commit 41012a1bf3
4 changed files with 27 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/renderer/style.css
View file

@ -11279,15 +11279,21 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
} }
.app-chrome .app-chrome-item > .app-playback-controls .lossless-icon { .app-chrome .app-chrome-item > .app-playback-controls .lossless-icon {
background-image: url("assets/lossless.svg") !important; background-image: url("assets/lossless.svg") !important;
right: 0px;
} }
.app-chrome .app-chrome-item > .app-playback-controls .ppe-icon { .app-chrome .app-chrome-item > .app-playback-controls .ppe-icon {
background-image: url("assets/ppe.svg") !important; background-image: url("assets/ppe.svg") !important;
right: 0px; margin-left: 0.5em !important;
flex: 1;
} }
.app-chrome .app-chrome-item > .app-playback-controls .private-icon { .app-chrome .app-chrome-item > .app-playback-controls .private-icon {
background-image: url("assets/private.svg") !important; background-image: url("assets/private.svg") !important;
left: 3px; margin-left: 0.5em !important;
flex: 1;
}
.chrome-icon-container {
display: flex;
position: absolute;
right: 0px;
} }
.app-chrome .app-chrome-item > .app-playback-controls .audio-type { .app-chrome .app-chrome-item > .app-playback-controls .audio-type {
filter: contrast(0); filter: contrast(0);
@ -11295,7 +11301,6 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
background-size: contain; background-size: contain;
height: 15px; height: 15px;
width: 15px; width: 15px;
position: absolute;
margin-bottom: 15px; margin-bottom: 15px;
} }
.app-chrome .app-chrome-item > .app-playback-controls .song-duration p { .app-chrome .app-chrome-item > .app-playback-controls .song-duration p {

14
src/renderer/style.less
View file

@ -1187,17 +1187,24 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
.lossless-icon { .lossless-icon {
background-image: url("./assets/lossless.svg") !important; background-image: url("./assets/lossless.svg") !important;
right: 0px;
} }
.ppe-icon { .ppe-icon {
background-image: url("./assets/ppe.svg") !important; background-image: url("./assets/ppe.svg") !important;
right: 0px; margin-left: 0.5em !important;
flex: 1;
} }
.private-icon { .private-icon {
background-image: url("./assets/private.svg") !important; background-image: url("./assets/private.svg") !important;
left: 3px; margin-left: 0.5em !important;
flex: 1;
}
.chrome-icon-container {
display: flex;
position: absolute;
right: 0px;
} }
.audio-type { .audio-type {
@ -1206,7 +1213,6 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
background-size: contain; background-size: contain;
height: 15px; height: 15px;
width: 15px; width: 15px;
position: absolute;
margin-bottom: 15px; margin-bottom: 15px;
} }
} }

5
src/renderer/views/app/chrome-bottom.ejs
View file

@ -15,7 +15,10 @@
v-if="mk.nowPlayingItem['attributes']['contentRating'] == 'explicit'" v-if="mk.nowPlayingItem['attributes']['contentRating'] == 'explicit'"
style="display: inline-block"></div> style="display: inline-block"></div>
</div> </div>
<div class="audio-type ppe-icon" v-if="cfg.audio.maikiwiAudio.ciderPPE === true"></div> <div class="chrome-icon-container">
<div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div>
<div class="audio-type ppe-icon" v-if="cfg.audio.maikiwiAudio.ciderPPE === true"></div>
</div>
<div class="song-artist-album"> <div class="song-artist-album">
<div class="song-artist-album-content" <div class="song-artist-album-content"
:class="[isElementOverflowing('#app-main > .app-chrome .app-chrome-item > .app-playback-controls > div >.song-artist-album > .song-artist-album-content') ? 'marquee' : '']" :class="[isElementOverflowing('#app-main > .app-chrome .app-chrome-item > .app-playback-controls > div >.song-artist-album > .song-artist-album-content') ? 'marquee' : '']"

6
src/renderer/views/app/chrome-top.ejs
View file

@ -66,6 +66,10 @@
<mediaitem-artwork :url="currentArtUrl"></mediaitem-artwork> <mediaitem-artwork :url="currentArtUrl"></mediaitem-artwork>
</div> </div>
<div class="playback-info"> <div class="playback-info">
<div class="chrome-icon-container">
<div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div>
<div class="audio-type ppe-icon" v-if="cfg.audio.maikiwiAudio.ciderPPE === true"></div>
</div>
<div class="song-name" <div class="song-name"
:class="[isElementOverflowing('#app-main > div.app-chrome > div.app-chrome--center > div > div > div.playback-info > div.song-name') ? 'marquee' : '']"> :class="[isElementOverflowing('#app-main > div.app-chrome > div.app-chrome--center > div > div > div.playback-info > div.song-name') ? 'marquee' : '']">
{{ mk.nowPlayingItem["attributes"]["name"] }} {{ mk.nowPlayingItem["attributes"]["name"] }}
@ -73,8 +77,6 @@
v-if="mk.nowPlayingItem['attributes']['contentRating'] == 'explicit'" v-if="mk.nowPlayingItem['attributes']['contentRating'] == 'explicit'"
style="display: inline-block"></div> style="display: inline-block"></div>
</div> </div>
<div class="audio-type private-icon" v-if="cfg.general.privateEnabled === true"></div>
<div class="audio-type ppe-icon" v-if="cfg.audio.maikiwiAudio.ciderPPE === true"></div>
<div class="song-artist-album"> <div class="song-artist-album">
<div class="song-artist-album-content" <div class="song-artist-album-content"
:class="[isElementOverflowing('#app-main > .app-chrome .app-chrome-item > .app-playback-controls > div >.song-artist-album > .song-artist-album-content') ? 'marquee' : '']" :class="[isElementOverflowing('#app-main > .app-chrome .app-chrome-item > .app-playback-controls > div >.song-artist-album > .song-artist-album-content') ? 'marquee' : '']"