commit a03a02b7b53873459dd0d394c269beb2e05d1e95
Author: Coder Agent <coder@agents.omni>
Date: Thu Feb 19 01:54:49 2026
Newsreader: flatten article view, remove card chrome
The article reader page wrapped content in a self-contained .nr-article
block with its own padding, max-width centering, meta border-bottom, and
redundant typography declarations. This created card-like visual chrome
around the document.
Changes:
- Wrap article in container-narrow (consistent with other newsreader pages)
- Remove .nr-article standalone layout (padding/max-width/margin)
- Remove .nr-article .meta border-bottom and padding-bottom
- Remove .nr-article .content font declarations (handled by .reading class)
- Remove mobile .nr-article .content override (handled by .reading mobile)
The article now renders as a flat document directly on the page background,
matching a standard article layout.
Task-Id: t-649
diff --git a/Omni/Newsreader/Web.hs b/Omni/Newsreader/Web.hs
index 6a4cd8eb..9db9566c 100644
--- a/Omni/Newsreader/Web.hs
+++ b/Omni/Newsreader/Web.hs
@@ -184,16 +184,17 @@ articlePage p' conn aidText respond = do
feedName = maybe "unknown" (fromMaybe "untitled" <. Feed.feedTitle) (Map.lookup (Article.articleFeedId art) feedMap)
respond <| htmlResponse HTTP.status200 <| shell (decodeEntities (Article.articleTitle art)) <| do
newsSubNav p'
- L.article_ [L.class_ "nr-article"] <| do
- L.h1_ (L.toHtml (decodeEntities (Article.articleTitle art)))
- L.div_ [L.class_ "meta"] <| do
- L.span_ [L.class_ "accent"] (L.toHtml feedName)
- L.toHtml (" · " :: Text)
- L.span_ [] (L.toHtml (fmtTime (Article.articlePublishedAt art)))
- L.toHtml (" · " :: Text)
- L.a_ [L.href_ (Article.articleUrl art), L.target_ "_blank"] "original ↗"
- L.div_ [L.class_ "content reading"]
- <| L.toHtmlRaw (Article.articleContent art)
+ L.div_ [L.class_ "container-narrow"] <| do
+ L.article_ [L.class_ "nr-article"] <| do
+ L.h1_ (L.toHtml (decodeEntities (Article.articleTitle art)))
+ L.div_ [L.class_ "meta"] <| do
+ L.span_ [L.class_ "accent"] (L.toHtml feedName)
+ L.toHtml (" · " :: Text)
+ L.span_ [] (L.toHtml (fmtTime (Article.articlePublishedAt art)))
+ L.toHtml (" · " :: Text)
+ L.a_ [L.href_ (Article.articleUrl art), L.target_ "_blank"] "original ↗"
+ L.div_ [L.class_ "content reading"]
+ <| L.toHtmlRaw (Article.articleContent art)
-- | Feeds management page.
feedsPage :: Pfx -> SQL.Connection -> (Wai.Response -> IO Wai.ResponseReceived) -> IO Wai.ResponseReceived
@@ -409,11 +410,9 @@ newsCss =
".nr-card-meta { font-size: 12px; color: #8f8886; margin: 3px 0 6px; font-family: 'SF Mono', 'Cascadia Code', 'JetBrains Mono', Menlo, Monaco, monospace; }",
".nr-card-snippet { font-size: 14px; color: #8f8886; line-height: 1.5; }",
"",
- -- Full article view
- ".nr-article { padding: 16px; max-width: 680px; margin: 0 auto; }",
+ -- Full article view (flat document, no card chrome)
".nr-article h1 { font-size: 1.4rem; line-height: 1.3; margin-bottom: 8px; }",
- ".nr-article .meta { font-size: 12px; color: #8f8886; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #322f34; }",
- ".nr-article .content { font-family: 'SF Pro Text', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; font-size: 16px; line-height: 1.7; letter-spacing: -0.011em; }",
+ ".nr-article .meta { font-size: 12px; color: #8f8886; margin-bottom: 20px; }",
".nr-article .content p { margin-bottom: 1em; }",
".nr-article .content img { max-width: 100%; height: auto; border-radius: 6px; }",
".nr-article .content blockquote { border-left: 3px solid #5a9aa6; padding-left: 16px; color: #8f8886; margin: 1em 0; }",
@@ -449,7 +448,6 @@ newsCss =
" .nr-card { padding: 10px 8px; }",
" .nr-card-title { font-size: 15px; }",
" .nr-card-snippet { font-size: 14px; }",
- " .nr-article .content { font-size: 15px; line-height: 1.65; }",
" .nr-subnav { padding: 4px 8px; }",
"}"
]
diff --git a/newsreader.hs b/newsreader.hs
new file mode 100644
index 00000000..dc2db338
--- /dev/null
+++ b/newsreader.hs
@@ -0,0 +1,4 @@
+module Newsreader where
+
+newsreaderNamespaceShim :: ()
+newsreaderNamespaceShim = ()