From 5b221fb72d6b915a56df4c17ecc747bb6f15dee8 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Wed, 9 Apr 2025 14:21:50 +1000
Subject: feat: news headlines for alerts pane

Also handle news api errors
Also config num pages
---
 scss/sidebar.scss | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 69 insertions(+), 1 deletion(-)

(limited to 'scss')

diff --git a/scss/sidebar.scss b/scss/sidebar.scss
index 9f5bd39..1fea682 100644
--- a/scss/sidebar.scss
+++ b/scss/sidebar.scss
@@ -752,7 +752,7 @@
         min-height: lib.s(200);
 
         .expanded {
-            min-height: lib.s(400);
+            min-height: lib.s(500);
         }
 
         .empty {
@@ -792,6 +792,74 @@
         }
     }
 
+    .headlines {
+        min-height: lib.s(200);
+
+        .expanded {
+            min-height: lib.s(500);
+        }
+
+        .empty {
+            margin-top: lib.s(40);
+        }
+
+        .list {
+            @include lib.spacing(10, true);
+        }
+
+        .category {
+            @include lib.rounded(20);
+            @include lib.element-decel;
+
+            background-color: color.change(scheme.$surface0, $alpha: 0.5);
+            padding: lib.s(10) lib.s(15);
+
+            @include lib.spacing(5);
+
+            .icon {
+                font-size: lib.s(28);
+
+                &:not(:last-child) {
+                    margin-right: lib.s(12);
+                }
+            }
+
+            .sublabel {
+                font-size: lib.s(14);
+                color: scheme.$subtext0;
+            }
+
+            .body {
+                margin-top: lib.s(10);
+                font-size: lib.s(14);
+
+                @include lib.spacing(8, true);
+            }
+        }
+
+        .article {
+            @include lib.rounded(20);
+            @include lib.element-decel;
+
+            background-color: color.change(scheme.$surface1, $alpha: 0.3);
+            padding: lib.s(10) lib.s(15);
+
+            .article-body {
+                @include font.reading;
+                @include lib.element-decel;
+
+                font-size: lib.s(15);
+                margin-top: lib.s(10);
+                color: scheme.$subtext1;
+            }
+
+            button:hover .article-body,
+            button:focus .article-body {
+                color: color.mix(scheme.$subtext0, scheme.$blue, 60%);
+            }
+        }
+    }
+
     .time-date {
         padding: lib.s(12) lib.s(8);
         font-size: lib.s(48);
-- 
cgit v1.2.3-freya