From: Jakub Czajka <jakub@ekhem.eu.org>
Date: Wed, 18 Dec 2024 16:02:55 +0000 (+0100)
Subject: [miniflux] Style ydlpd integration with CSS.
X-Git-Url: https://git.ekhem.eu.org/?a=commitdiff_plain;h=14ba38185c092e59f08258a04136c3554ca99869;p=server.git

[miniflux] Style ydlpd integration with CSS.
---

diff --git a/miniflux/rss.conf b/miniflux/rss.conf
index 9cc60e6..76d7856 100644
--- a/miniflux/rss.conf
+++ b/miniflux/rss.conf
@@ -35,6 +35,10 @@ server {
         fastcgi_param SCRIPT_FILENAME ${dollar}document_root/ydlpd.sh;
     }
 
+    location = /ydlpd.css {
+        try_files /ydlpd.css =404;
+    }
+
     location / {
         proxy_pass http://127.0.0.1:4080;
         proxy_redirect off;
diff --git a/miniflux/ydlpd.css b/miniflux/ydlpd.css
new file mode 100644
index 0000000..bd3baef
--- /dev/null
+++ b/miniflux/ydlpd.css
@@ -0,0 +1,24 @@
+#ydlpd {
+  width: 100%;
+}
+#ydlpd fieldset {
+  background-color: #7fa99b;
+  border: solid;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  row-gap: 5px;
+  width: 100%;
+}
+#ydlpd input {
+  width: 100%;
+}
+#ydlpd select, button {
+  font-size: .7em;
+  height: 100%;
+  padding: 5px;
+}
+#ydlpd .container {
+  display: flex;
+  justify-content: space-evenly;
+}
diff --git a/miniflux/ydlpd.sh b/miniflux/ydlpd.sh
index 3f3b3fa..48fbb69 100755
--- a/miniflux/ydlpd.sh
+++ b/miniflux/ydlpd.sh
@@ -18,7 +18,10 @@
 
 . /etc/environment
 
+# Miniflux page's configuration does not permit defining CSS in <style> or
+# inline. However, it can be defined in a stylesheet file.
 PAGE=$(echo "\
+<link rel='stylesheet' href='/ydlpd.css'>
 <form id='ydlpd' action='https://yt.${private_domain}/download'>
   <fieldset>
     <input type='text' id='url' name='url' value='${URL}' required />