From 6e28d1530aa08b878f5082bbcd85a95f84f830e8 Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Sat, 14 Feb 2026 21:34:49 -0800 Subject: chore: update build artifacts and finalize test improvements --- frontend/coverage/src/components/FeedList.css.html | 150 ++++++++++++++++++--- 1 file changed, 135 insertions(+), 15 deletions(-) (limited to 'frontend/coverage/src/components/FeedList.css.html') diff --git a/frontend/coverage/src/components/FeedList.css.html b/frontend/coverage/src/components/FeedList.css.html index 2b93e18..d892e77 100644 --- a/frontend/coverage/src/components/FeedList.css.html +++ b/frontend/coverage/src/components/FeedList.css.html @@ -236,7 +236,87 @@ 171 172 173 -174  +174 +175 +176 +177 +178 +179 +180 +181 +182 +183 +184 +185 +186 +187 +188 +189 +190 +191 +192 +193 +194 +195 +196 +197 +198 +199 +200 +201 +202 +203 +204 +205 +206 +207 +208 +209 +210 +211 +212 +213 +214  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +        @@ -411,10 +491,13 @@    
.feed-list {
   padding: 1rem;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: var(--font-heading);
   color: #777;
   /* specific v1 color */
   font-size: 0.8rem;
+  background: var(--sidebar-bg);
+  min-height: 100%;
+  flex: 1;
 }
  
 .feed-list h1.logo {
@@ -429,9 +512,6 @@
   z-index: 10;
   padding-bottom: 0.5rem;
   color: var(--text-color);
-  /* Usually dark/white depending on theme, v1 was white on blue? No, white on fixed header? No, v1 logo class says color: white. But sidebar is #ccc. */
-  /* In v1 logo was fixed top left (blue header bar?). In v2 sidebar is #ccc. 
-     Let's use theme text color but maybe bolder? */
 }
  
 /* Override logo color if necessary for themes */
@@ -466,11 +546,25 @@
   margin: 1rem 0 0.25rem 0;
   cursor: pointer;
   user-select: none;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: var(--font-heading);
   color: #333;
   /* Darker than list items */
   text-transform: lowercase;
   font-variant: small-caps;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+ 
+.caret {
+  display: inline-block;
+  font-size: 0.6rem;
+  transition: transform 0.2s ease;
+  color: #777;
+}
+ 
+.caret.expanded {
+  transform: rotate(90deg);
 }
  
 .filter-list,
@@ -537,19 +631,25 @@
  
 .nav-section {
   margin-top: 2rem;
-  border-top: 1px solid var(--border-color, #999);
-  padding-top: 0.5rem;
+  border-top: 1px solid var(--border-color, #eee);
+  padding-top: 1rem;
 }
  
 .logout-link {
   text-align: left;
   width: 100%;
   color: #777;
-  /* Make logout less prominent */
+  display: block;
+}
+ 
+.nav-link,
+.logout-link {
+  padding: 0.25rem 0;
 }
  
 .logout-link:hover {
   color: var(--link-color, blue);
+  text-decoration: underline;
 }
  
 .theme-section {
@@ -559,20 +659,40 @@
 .theme-selector {
   display: flex;
   gap: 0.5rem;
+  margin-top: 0.5rem;
 }
  
 .theme-selector button {
-  background: transparent;
-  border: 1px solid var(--border-color, #999);
+  background: rgba(0, 0, 0, 0.05);
+  border: none;
   cursor: pointer;
-  padding: 0.1rem 0.3rem;
-  font-size: 0.9rem;
-  border-radius: 0;
+  padding: 0.4rem;
+  font-size: 1rem;
+  border-radius: 8px;
+  line-height: 1;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+ 
+.theme-selector button:hover {
+  background: rgba(0, 0, 0, 0.1);
+  transform: translateY(-2px);
 }
  
 .theme-selector button.active {
   background: var(--border-color, #999);
   color: white;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+ 
+.theme-dark .theme-selector button {
+  background: rgba(255, 255, 255, 0.1);
+}
+ 
+.theme-dark .theme-selector button:hover {
+  background: rgba(255, 255, 255, 0.2);
 }
  
 /* Scrollbar styling for webkit */
@@ -589,7 +709,7 @@
             

                 Code coverage generated by
                 istanbul
-                at 2026-02-14T18:02:09.004Z
+                at 2026-02-15T05:30:50.842Z