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

Add explicit icon next to song name

Browse source
This commit is contained in:
Jason Chen 2022-01-17 13:12:49 -08:00
parent c47416770a
commit 050823c66d
2 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/renderer/style.less
View file

@ -987,6 +987,15 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
//margin-bottom: -3px; //margin-bottom: -3px;
} }
} }
.explicit-icon {
background-image: url("./assets/explicit.svg");
height: 12px;
width: 36px;
filter: contrast(0);
background-repeat: no-repeat;
margin-left: 3px;
}
} }
.app-chrome .app-chrome-item > .app-playback-controls .song-duration p { .app-chrome .app-chrome-item > .app-playback-controls .song-duration p {

5
src/renderer/views/main.ejs
View file

@ -82,10 +82,11 @@
<mediaitem-artwork :url="currentArtUrl"></mediaitem-artwork> <mediaitem-artwork :url="currentArtUrl"></mediaitem-artwork>
</div> </div>
<div class="playback-info"> <div class="playback-info">
<div class="song-name"> <div class="song-name" style="-webkit-box-orient: horizontal;">
{{ mk.nowPlayingItem["attributes"]["name"] }} {{ mk.nowPlayingItem["attributes"]["name"] }}
<div class="explicit-icon" v-if="mk.nowPlayingItem['attributes']['contentRating'] == 'explicit'" style="display: inline-block"></div>
</div> </div>
<div class="song-artist " <div class="song-artist"
style="display: inline-block; -webkit-box-orient: horizontal; white-space: nowrap;"> style="display: inline-block; -webkit-box-orient: horizontal; white-space: nowrap;">
<div class="item-navigate song-artist" style="display: inline-block;" <div class="item-navigate song-artist" style="display: inline-block;"
@click="getNowPlayingItemDetailed(`artist`)"> @click="getNowPlayingItemDetailed(`artist`)">