From 9a5d45dce0cc170a28ebe525f92d31cbbe8e07bf Mon Sep 17 00:00:00 2001
From: Ralph Ocdol <ralph.ocdol63@gmail.com>
Date: Fri, 15 Aug 2025 02:53:54 +0800
Subject: [PATCH 1/3] Thumbnail support for the RSS style vertical-list

---
 internal/glance/templates/rss-list.html | 29 ++++++++++++++++++-------
 internal/glance/widget-rss.go           |  1 +
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/internal/glance/templates/rss-list.html b/internal/glance/templates/rss-list.html
index c14eb609..33a3070d 100644
--- a/internal/glance/templates/rss-list.html
+++ b/internal/glance/templates/rss-list.html
@@ -3,14 +3,27 @@
 {{ define "widget-content" }}
 <ul class="list list-gap-14 collapsible-container{{ if .SingleLineTitles }} single-line-titles{{ end }}" data-collapse-after="{{ .CollapseAfter }}">
     {{ range .Items }}
-    <li>
-        <a class="title size-title-dynamic color-primary-if-not-visited" href="{{ .Link }}" target="_blank" rel="noreferrer">{{ .Title }}</a>
-        <ul class="list-horizontal-text flex-nowrap">
-            <li {{ dynamicRelativeTimeAttrs .PublishedAt }}></li>
-            <li class="min-width-0">
-                <a class="block text-truncate" href="{{ .ChannelURL }}" target="_blank" rel="noreferrer">{{ .ChannelName }}</a>
-            </li>
-        </ul>
+    <li class="flex gap-15 items-start thumbnail-parent">
+        {{ if $.ShowThumbnails }}
+        <div class="thumbnail-container">
+            {{ if ne "" .ImageURL }}
+            <img class="forum-post-list-thumbnail thumbnail" loading="lazy" src="{{ .ImageURL }}" alt="">
+            {{ else }}
+            <svg class="scale-half hide-on-mobile" stroke="var(--color-text-subdue)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
+                <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
+            </svg>
+            {{ end }}
+        </div>
+        {{ end }}
+        <div class="grow min-width-0">
+            <a class="title size-title-dynamic color-primary-if-not-visited" href="{{ .Link }}" target="_blank" rel="noreferrer">{{ .Title }}</a>
+            <ul class="list-horizontal-text flex-nowrap">
+                <li {{ dynamicRelativeTimeAttrs .PublishedAt }}></li>
+                <li class="min-width-0">
+                    <a class="block text-truncate" href="{{ .ChannelURL }}" target="_blank" rel="noreferrer">{{ .ChannelName }}</a>
+                </li>
+            </ul>
+        </div>
     </li>
     {{ else }}
     <li>{{ .NoItemsMessage }}</li>
diff --git a/internal/glance/widget-rss.go b/internal/glance/widget-rss.go
index fe17b2fb..aed21234 100644
--- a/internal/glance/widget-rss.go
+++ b/internal/glance/widget-rss.go
@@ -32,6 +32,7 @@ type rssWidget struct {
 	widgetBase       `yaml:",inline"`
 	FeedRequests     []rssFeedRequest `yaml:"feeds"`
 	Style            string           `yaml:"style"`
+	ShowThumbnails   bool             `yaml:"show-thumbnails"`
 	ThumbnailHeight  float64          `yaml:"thumbnail-height"`
 	CardHeight       float64          `yaml:"card-height"`
 	Limit            int              `yaml:"limit"`

From 7ad6deb9f4b7b32f635273fa7e795fee6165c4f9 Mon Sep 17 00:00:00 2001
From: Ralph Ocdol <ralph.ocdol63@gmail.com>
Date: Fri, 15 Aug 2025 03:06:03 +0800
Subject: [PATCH 2/3] fix thumbnail placeholder

---
 internal/glance/templates/rss-list.html | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/internal/glance/templates/rss-list.html b/internal/glance/templates/rss-list.html
index 33a3070d..cf72b075 100644
--- a/internal/glance/templates/rss-list.html
+++ b/internal/glance/templates/rss-list.html
@@ -5,15 +5,13 @@
     {{ range .Items }}
     <li class="flex gap-15 items-start thumbnail-parent">
         {{ if $.ShowThumbnails }}
-        <div class="thumbnail-container">
             {{ if ne "" .ImageURL }}
             <img class="forum-post-list-thumbnail thumbnail" loading="lazy" src="{{ .ImageURL }}" alt="">
             {{ else }}
-            <svg class="scale-half hide-on-mobile" stroke="var(--color-text-subdue)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
+            <svg class="forum-post-list-thumbnail hide-on-mobile" stroke="var(--color-text-subdue)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
                 <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
             </svg>
             {{ end }}
-        </div>
         {{ end }}
         <div class="grow min-width-0">
             <a class="title size-title-dynamic color-primary-if-not-visited" href="{{ .Link }}" target="_blank" rel="noreferrer">{{ .Title }}</a>

From 6ed4ae50aed3393cae6418cc7d37019803f371af Mon Sep 17 00:00:00 2001
From: Ralph Ocdol <ralph.ocdol63@gmail.com>
Date: Fri, 15 Aug 2025 03:10:40 +0800
Subject: [PATCH 3/3] updated configuration.md

---
 docs/configuration.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/configuration.md b/docs/configuration.md
index c6835275..bcba284a 100644
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -765,6 +765,7 @@ Example:
 | ---- | ---- | -------- | ------- |
 | style | string | no | vertical-list |
 | feeds | array | yes |
+| show-thumbnails | bool | no | false |
 | thumbnail-height | float | no | 10 |
 | card-height | float | no | 27 |
 | limit | integer | no | 25 |
@@ -810,6 +811,9 @@ Below is a preview of each style:
 
 ![preview of horizontal-cards-2 style for RSS widget](images/rss-widget-horizontal-cards-2-preview.png)
 
+##### `show-thumbnails`
+Shows or hides thumbnails next to the feed. This only works if the style is `vertical-list`.
+
 ##### `thumbnail-height`
 Used to modify the height of the thumbnails. Works only when the style is set to `horizontal-cards`. The default value is `10` and the units are `rem`, if you want to for example double the height of the thumbnails you can set it to `20`.