Replace inline styling for download widget with css file

2023-10-12 03:21:34 +02:00 · 2023-10-12 03:21:34 +02:00 · 8125ddca06
parent 069e91d2a6
commit 8125ddca06
3 changed files with 5 additions and 2 deletions
--- a/assets/css/download-widget.css
+++ b/assets/css/download-widget.css
@ -0,0 +1,3 @@
+#download_widget {
+    width: 100%;
+}
--- a/src/invidious/frontend/watch_page.cr
+++ b/src/invidious/frontend/watch_page.cr
@ -42,8 +42,7 @@ module Invidious::Frontend::WatchPage
      str << translate(locale, "Download as: ")
      str << "</label>\n"

-      # TODO: remove inline style
-      str << "\t\t<select style=\"width:100%\" name='download_widget' id='download_widget'>\n"
+      str << "\t\t<select name='download_widget' id='download_widget'>\n"

      # Non-DASH videos (audio+video)

--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@ -28,6 +28,7 @@
 <meta name="twitter:player:height" content="720">
 <link rel="alternate" href="https://www.youtube.com/watch?v=<%= video.id %>">
 <%= rendered "components/player_sources" %>
+<link rel="stylesheet" href="/css/download-widget.css">
 <title><%= title %> - Invidious</title>

 <!-- Description expansion also updates the 'Show more' button to 'Show less' so