Copy CSS
Build and Deploy / build-and-deploy (push) Successful in 1m25s

This commit is contained in:
2026-07-08 22:00:58 -04:00
parent 3ae28b1f20
commit af8f705579
4 changed files with 12 additions and 9 deletions
BIN
View File
Binary file not shown.
BIN
View File
Binary file not shown.
+2 -3
View File
@@ -16,9 +16,8 @@ body { max-width: 960px; margin: 0 auto; padding: 2rem 1rem; }
.podcast-img-preview { margin-top: 1rem; } .podcast-img-preview { margin-top: 1rem; }
.podcast-img-preview img { max-width: 150px; max-height: 150px; border: 2px solid #000; } .podcast-img-preview img { max-width: 150px; max-height: 150px; border: 2px solid #000; }
.rss-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem; font-size: 0.85rem; } .rss-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.5rem; font-size: 0.85rem; }
.rss-row code { font-size: 0.85rem; cursor: pointer; } .rss-url-btn { font-size: 0.85rem !important; padding: 0.3rem 0.75rem !important; }
.rss-row code:hover { text-decoration: underline; } .rss-url-btn:disabled { opacity: 0.7; cursor: default; }
.rss-label { color: #666; font-weight: 600; white-space: nowrap; } .rss-label { color: #666; font-weight: 600; white-space: nowrap; }
.rss-copied { color: #2e7d32; font-size: 0.75rem; font-weight: 600; }
.new-ep-row { margin-bottom: 1.5rem; } .new-ep-row { margin-bottom: 1.5rem; }
.ep-thumb { max-width: 48px; max-height: 48px; border: 1px solid #000; } .ep-thumb { max-width: 48px; max-height: 48px; border: 1px solid #000; }
+10 -6
View File
@@ -64,9 +64,8 @@
<div class="rss-row"> <div class="rss-row">
<span class="rss-label">RSS Feed</span> <span class="rss-label">RSS Feed</span>
<code id="rss-url" onclick="copyRSS()"></code>
<span id="rss-url-src" hidden>{{.RSSURL}}</span> <span id="rss-url-src" hidden>{{.RSSURL}}</span>
<span class="rss-copied" id="rss-copied" hidden>Copied!</span> <button class="nb-button blue rss-url-btn" id="rss-url" onclick="copyRSS()"></button>
</div> </div>
<script> <script>
@@ -97,12 +96,17 @@
})(); })();
const rssURL = document.getElementById('rss-url-src').textContent; const rssURL = document.getElementById('rss-url-src').textContent;
document.getElementById('rss-url').textContent = rssURL; const rssBtn = document.getElementById('rss-url');
rssBtn.textContent = rssURL;
function copyRSS() { function copyRSS() {
navigator.clipboard.writeText(rssURL).then(() => { navigator.clipboard.writeText(rssURL).then(() => {
const el = document.getElementById('rss-copied'); const originalText = rssBtn.textContent;
el.hidden = false; rssBtn.textContent = 'Copied!';
setTimeout(() => el.hidden = true, 1500); rssBtn.disabled = true;
setTimeout(() => {
rssBtn.textContent = originalText;
rssBtn.disabled = false;
}, 1500);
}); });
} }
</script> </script>