From c5b286173516b07d6f6b62cd437ee5e549b06393 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Thu, 20 Jan 2022 23:56:51 -0800
Subject: [PATCH] changes to podcasts
---
src/renderer/index.js | 4 ++
src/renderer/less/compact.less | 4 +-
src/renderer/style.less | 49 +++++++++++++++++--
src/renderer/views/pages/podcasts.ejs | 70 +++++++++++++++++++--------
4 files changed, 101 insertions(+), 26 deletions(-)
diff --git a/src/renderer/index.js b/src/renderer/index.js
index 1b1e57c2..c78ad7e5 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -3457,6 +3457,10 @@ const getBase64FromUrl = async(url) => {
});
}
+function Clone (obj) {
+ return JSON.parse(JSON.stringify(obj));
+}
+
function uuidv4() {
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
diff --git a/src/renderer/less/compact.less b/src/renderer/less/compact.less
index 23f5e47f..e29673c9 100644
--- a/src/renderer/less/compact.less
+++ b/src/renderer/less/compact.less
@@ -45,7 +45,7 @@
}
@media (max-width: 951px) {
- .content-inner {
+ #app-content {
zoom: 0.8;
}
}
@@ -53,7 +53,7 @@
// if page width is less than 951px
@media (max-width: 951px) {
- .content-inner {
+ #app-content {
zoom: 0.8;
}
}
\ No newline at end of file
diff --git a/src/renderer/style.less b/src/renderer/style.less
index 983f3b1c..327033db 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -2574,6 +2574,25 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
border-right: 1px solid var(--color2);
flex: none;
overflow-x: hidden;
+
+ .podcast-list-header {
+ border-bottom: 1px solid var(--color2);
+ font-size: 0.7em;
+ padding: 6px;
+ background: #ffffff17;
+ text-transform: uppercase;
+ font-weight: 600;
+ opacity: 0.5;
+ }
+
+ .podcasts-search {
+ padding: 10px;
+ position: sticky;
+ top:0;
+ left:0;
+ width:100%;
+ border-bottom: 1px solid var(--color2);
+ }
}
.episodes-list {
@@ -2608,13 +2627,37 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
}
.podcasts-details {
- height: 100%;
+ height: 96%;
width: 400px;
flex: none;
- background: rgba(200, 200, 200, 0.1);
+ background: rgb(20 20 20 / 97%);
overflow-y: overlay;
- border-left: 1px solid var(--color2);
overflow-x: hidden;
+ position: absolute;
+ right: 2%;
+ top: 2%;
+ border-radius: 10px;
+ box-shadow: var(--ciderShadow-Generic);
+ z-index: 2;
+
+ .close-btn {
+ width: 50px;
+ height: 42px;
+ background-image: var(--gfx-closeBtn);
+ background-position: center;
+ background-repeat: no-repeat;
+ -webkit-app-region: no-drag;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ position: absolute;
+ top: 0;
+ right: 0;
+
+ &:hover {
+ background-color: rgb(196, 43, 28)
+ }
+ }
.podcast-genre {
text-align: center;
diff --git a/src/renderer/views/pages/podcasts.ejs b/src/renderer/views/pages/podcasts.ejs
index c4084b08..1056a719 100644
--- a/src/renderer/views/pages/podcasts.ejs
+++ b/src/renderer/views/pages/podcasts.ejs
@@ -1,7 +1,26 @@