diff --git a/assets/css/default.css b/assets/css/default.css
index 1d62bc01..06a2f07f 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -282,6 +282,21 @@ input[type="search"]::-webkit-search-cancel-button {
}
}
+
+/*
+ * Video "cards" (results/playlist/channel videos)
+ */
+
+.video-card-row { margin: 15px 0; }
+
+.flexible { display: flex; }
+.flex-left { flex: 1 1 100%; flex-wrap: wrap; }
+.flex-right { flex: 1 0 max-content; flex-wrap: nowrap; }
+
+p.channel-name { margin: 0; }
+p.video-data { margin: 0; font-weight: bold; font-size: 80%; }
+
+
/*
* Footer
*/
@@ -492,11 +507,6 @@ hr {
}
/* Description Expansion Styling*/
-#description-box {
- display: flex;
- flex-direction: column;
-}
-
#descexpansionbutton {
display: none
}
@@ -511,7 +521,24 @@ hr {
height: 100%;
}
-#descexpansionbutton + label {
+#descexpansionbutton ~ label {
order: 1;
margin-top: 20px;
}
+
+/* Bidi (bidirectional text) support */
+h1,
+h2,
+h3,
+h4,
+h5,
+p,
+#descriptionWrapper,
+#description-box {
+ unicode-bidi: plaintext;
+ text-align: start;
+}
+
+#descriptionWrapper {
+ max-width: 600px;
+}
diff --git a/src/invidious/views/channel.ecr b/src/invidious/views/channel.ecr
index 21038394..dd2807de 100644
--- a/src/invidious/views/channel.ecr
+++ b/src/invidious/views/channel.ecr
@@ -21,14 +21,16 @@
-
<%= channel.description_html %>
+
+
<%= channel.description_html %>
+
diff --git a/src/invidious/views/community.ecr b/src/invidious/views/community.ecr
index b0092e5f..96976271 100644
--- a/src/invidious/views/community.ecr
+++ b/src/invidious/views/community.ecr
@@ -20,14 +20,16 @@
-
<%= XML.parse_html(channel.description_html).xpath_node(%q(.//pre)).try &.content %>
+
+
<%= XML.parse_html(channel.description_html).xpath_node(%q(.//pre)).try &.content %>
+
<%= HTML.escape(item.title) %>
+ <%= HTML.escape(item.title) %>
-
-
- <%= item.author %>
-
-
-
- <% if item.responds_to?(:premiere_timestamp) && item.premiere_timestamp.try &.> Time.utc %>
- <%= translate(locale, "Premieres in `x`", recode_date((item.premiere_timestamp.as(Time) - Time.utc).ago, locale)) %>
- <% elsif Time.utc - item.published > 1.minute %>
- <%= translate(locale, "Shared `x` ago", recode_date(item.published, locale)) %>
- <% else %>
-
- <% end %>
+
-
- <%= item.responds_to?(:views) && item.views ? translate(locale, "`x` views", number_to_short_text(item.views || 0)) : "" %>
+
+
+ <% if item.responds_to?(:premiere_timestamp) && item.premiere_timestamp.try &.> Time.utc %>
+
<%= translate(locale, "Premieres in `x`", recode_date((item.premiere_timestamp.as(Time) - Time.utc).ago, locale)) %>
+ <% elsif Time.utc - item.published > 1.minute %>
+
<%= translate(locale, "Shared `x` ago", recode_date(item.published, locale)) %>
+ <% end %>
-
+
+ <% if item.responds_to?(:views) && item.views %>
+
+
<%= translate(locale, "`x` views", number_to_short_text(item.views || 0)) %>
+
+ <% end %>
+
<% else %>
- <% if !env.get("preferences").as(Preferences).thin_mode %>
-
+
+ <% if !env.get("preferences").as(Preferences).thin_mode %>
<% if env.get? "show_watched" %>
@@ -129,44 +128,49 @@
<% end %>
<% if item.responds_to?(:live_now) && item.live_now %>
-
+
<% elsif item.length_seconds != 0 %>
<%= recode_length_seconds(item.length_seconds) %>
<% end %>
-
- <% end %>
-
<%= HTML.escape(item.title) %>
-
-
- <%= item.author %>
-
-
diff --git a/src/invidious/views/playlist.ecr b/src/invidious/views/playlist.ecr
index a19dd182..377da20f 100644
--- a/src/invidious/views/playlist.ecr
+++ b/src/invidious/views/playlist.ecr
@@ -64,7 +64,9 @@
-
<%= playlist.description_html %>
+
+
<%= playlist.description_html %>
+
<% if playlist.is_a?(InvidiousPlaylist) && playlist.author == user.try &.email %>
diff --git a/src/invidious/views/playlists.ecr b/src/invidious/views/playlists.ecr
index 975ccd6c..3f892650 100644
--- a/src/invidious/views/playlists.ecr
+++ b/src/invidious/views/playlists.ecr
@@ -20,14 +20,16 @@
-
<%= XML.parse_html(channel.description_html).xpath_node(%q(.//pre)).try &.content if !channel.description_html.empty? %>
+
+
<%= XML.parse_html(channel.description_html).xpath_node(%q(.//pre)).try &.content if !channel.description_html.empty? %>
+
diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr
index 91e03725..7ee3fb1a 100644
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@@ -30,11 +30,11 @@
we're going to need to do it here in order to allow for translations.
-->
@@ -246,15 +246,17 @@ we're going to need to do it here in order to allow for translations.
<% if video.description.size < 200 || params.extend_desc %>
- <%= video.description_html %>
- <% else %>
-
-
-
<%= video.description_html %>
+ <% else %>
+
+
+ <%= video.description_html %>
+
+
+
<% end %>
.request_target.gsub(/=s\d+/, )
"/>
@@ -44,13 +42,11 @@
<% end %>