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

Added Apple-like Play and Shuffle icons to the list view

Browse source
This commit is contained in:
Onur Gümüş 2022-01-20 02:25:57 +03:00
parent edd42ea6a0
commit 67dfc7671c
5 changed files with 32 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/renderer/assets/feather/x-circlePng.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
src/renderer/assets/playPng.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
src/renderer/assets/shufflePng.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

25
src/renderer/style.less
View file

@ -1969,6 +1969,31 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
}
}
.md-ico-play {
content:url("./assets/playPng.png");
width: 10px;
height: 12px;
margin-right: 1px;
align-self: center;
}
.md-ico-shuffle {
content:url("./assets/shufflePng.png");
width: 15px;
height: 13px;
margin-right: 1px;
align-self: center;
}
.md-ico-remove {
content:url("./assets/feather/x-circlePng.png");
width: 16px;
height: 16px;
margin-right: 1px;
margin-bottom: -1.5px;
align-self: center;
}
.md-select {
width: 100%;
padding: 6px;

14
src/renderer/views/pages/cider-playlist.ejs
View file

@ -59,20 +59,20 @@
</div>
</template>
<div class="playlist-controls">
<button class="md-btn" style="min-width: 120px;"
@click="app.mk.shuffleMode = 0; play()">
<button class="md-btn" style="min-width: 100px;"
@click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
Play
</button>
<button class="md-btn" style="min-width: 120px;"
@click="app.mk.shuffleMode = 1;play()">
<button class="md-btn" style="min-width: 100px;"
@click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
Shuffle
</button>
<button class="md-btn" style="min-width: 120px;" v-if="inLibrary!=null && confirm!=true"
@click="confirmButton()">
<button class="md-btn" style="min-width: 180px;" v-if="inLibrary!=null && confirm!=true"
@click="confirmButton()"> <img class="md-ico-remove">
{{ (!inLibrary) ? "Add to Library" : "Remove from Library" }}
</button>
<button class="md-btn" style="min-width: 120px;" v-if="confirm==true"
@click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) ">
@click="(!inLibrary) ? addToLibrary(data.attributes.playParams.id.toString()) : removeFromLibrary(data.attributes.playParams.id.toString()) "> <img class="md-ico-remove">
Confirm?
</button>
<button class="playlist-more" @click="menu">