diff --git a/.gitignore b/.gitignore index 5972eec3..d469a498 100644 --- a/.gitignore +++ b/.gitignore @@ -308,4 +308,5 @@ GitHub.sublime-settings #Service Worker mappings src/renderer/sw.js.map -src/renderer/workbox-962786f2.js.map \ No newline at end of file +src/renderer/workbox-962786f2.js.map +/src/renderer/musickit-dev.js diff --git a/src/renderer/style.less b/src/renderer/style.less index 60713503..1019972a 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -2493,6 +2493,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { height: calc(100% - var(--navigationBarHeight)); padding: 0px; + .podcast-artwork { + width: 200px; + margin: 16px auto; + height: 200px; + } + .podcasts-list { height: 100%; width: 280px; @@ -2500,6 +2506,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { overflow-y: overlay; border-right: 1px solid var(--color2); flex: none; + overflow-x: hidden; } .episodes-list { @@ -2507,6 +2514,30 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { width: 100%; background: rgb(200 200 200 / 6%); overflow-y: overlay; + overflow-x: hidden; + + .episodes-inline-info { + padding: 14px 14px 0px 14px; + + .podcast-show-info { + display: flex; + justify-content: center; + flex-direction: column; + } + + .podcast-show-description { + margin: 32px 6px; + font-size: 0.8rem; + white-space: pre-wrap; + display:block; + } + + .podcast-artwork { + width: 120px; + margin: 0px auto; + height: 120px; + } + } } .podcasts-details { @@ -2516,6 +2547,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { background: rgba(200, 200, 200, 0.1); overflow-y: overlay; border-left: 1px solid var(--color2); + overflow-x: hidden; .podcast-genre { text-align: center; @@ -2544,13 +2576,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb { .podcast-description { margin: 12px; font-size: 0.75em; + white-space: pre-wrap; + display:block; } - .podcast-artwork { - width: 200px; - margin: 16px auto; - height: 200px; - } + } } diff --git a/src/renderer/views/pages/podcasts.ejs b/src/renderer/views/pages/podcasts.ejs index 1c873564..c4084b08 100644 --- a/src/renderer/views/pages/podcasts.ejs +++ b/src/renderer/views/pages/podcasts.ejs @@ -4,6 +4,24 @@
+
+
+
+
+ +
+
+
+

{{ podcastSelected.attributes.name }}

+ {{ podcastSelected.attributes.releaseFrequency }} + Created: {{ new Date(podcastSelected.attributes.createdDate).toLocaleDateString() }} +
+
+ +
{{ podcastSelected.attributes.description.standard }}
+ +

Episodes

+
@@ -19,7 +37,7 @@
{{ msToMinSec(selected.attributes.durationInMilliseconds) }} • {{ new Date(selected.attributes.releaseDateTime).toLocaleString() }}
-

+
{{ selected.attributes.description.standard }}