瀏覽代碼

feat: add support for aside HTML element in entry content

Frédéric Guillot 1 年之前
父節點
當前提交
92f3dc26e4

+ 1 - 0
internal/reader/sanitizer/sanitizer.go

@@ -24,6 +24,7 @@ var (
 		"a":          {"href", "title", "id"},
 		"abbr":       {"title"},
 		"acronym":    {"title"},
+		"aside":      {},
 		"audio":      {"src"},
 		"blockquote": {},
 		"br":         {},

+ 9 - 0
internal/ui/static/css/common.css

@@ -1174,6 +1174,15 @@ article.category-has-unread {
     border-bottom: 1px dashed var(--entry-content-abbr-border-color);
 }
 
+.entry-content aside {
+    width: 30%;
+    padding: 1ch;
+    margin-left: 15px;
+    float: right;
+    font-style: italic;
+    border: dotted var(--entry-content-aside-border-color) 2px;
+}
+
 details.entry-enclosures {
     margin-top: 25px;
 }

+ 1 - 0
internal/ui/static/css/dark.css

@@ -97,6 +97,7 @@
     --entry-content-code-border-color: #888;
     --entry-content-quote-color: #777;
     --entry-content-abbr-border-color: #777;
+    --entry-content-aside-border-color: #777;
     --entry-enclosure-border-color: #333;
 
     --parsing-error-color: #eee;

+ 1 - 0
internal/ui/static/css/light.css

@@ -97,6 +97,7 @@
     --entry-content-code-border-color: #ddd;
     --entry-content-quote-color: #666;
     --entry-content-abbr-border-color: #999;
+    --entry-content-aside-border-color: #D3D3D3;
     --entry-enclosure-border-color: #333;
 
     --parsing-error-color: #333;