From f7b52c350321a5e48bc935013efe43a96aa1a80b Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Wed, 16 Dec 2020 14:19:28 +0100
Subject: [PATCH] keep podcast header background-image attached or fixed, even
on resizes
---
src/components/Table.vue | 12 ++++++++++--
src/views/Show.vue | 5 +++--
2 files changed, 13 insertions(+), 4 deletions(-)
diff --git a/src/components/Table.vue b/src/components/Table.vue
index f5bc9fb..74a3ead 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -29,10 +29,10 @@
{{ t('podcast', 'Name') }}
</th>
<th class="actionColumn" />
- <th class="durationColumn" style="width: 90px">
+ <th class="durationColumn">
{{ t('podcast', 'Duration') }}
</th>
- <th class="dateColumn" style="width: 130px">
+ <th class="dateColumn">
{{ t('podcast', 'Date') }}
</th>
</tr>
@@ -192,6 +192,14 @@ table {
width: 72px;
}
+ th.durationColumn {
+ width: 90px;
+ }
+
+ th.dateColumn {
+ width: 130px;
+ }
+
}
tbody {
diff --git a/src/views/Show.vue b/src/views/Show.vue
index 6e96d8b..0847e77 100644
--- a/src/views/Show.vue
+++ b/src/views/Show.vue
@@ -32,7 +32,7 @@
<div class="podcastDescription">
<h1>{{ podcast.title }}</h1>
<div class="podcastAuthor">
- by <a :href="`#/browse/author/${podcast.author}`">{{ podcast.author }}</a>
+ by <a :href="podcast.htmlURL" target="_blank">{{ podcast.author }}</a>
</div>
<div class="podcastControls">
<a href="#" class="button">Subscribe</a>
@@ -197,7 +197,8 @@ export default {
.podcastHeaderBg {
background-size: cover;
- background-position: center;
+ background-position: center center;
+ background-attachment: fixed;
}
.podcastHeader {
--
GitLab