components FeedList.css -

- 0% - Statements - 0/0 -
- -
- 0% - Branches - 0/0 -
- -
- 0% - Functions - 0/0 -
- -
- 0% - Lines - 0/0 -
+ + + +
All files / src/components FeedList.css

+ +
+ 0% + Statements + 0/0 +
+ + +
+ 0% + Branches + 0/0 +
+ + +
+ 0% + Functions + 0/0 +
+ + +
+ 0% + Lines + 0/0 +
+ +
- Press n or j to go to the next uncovered block, b, - p or k for the previous block. + Press n or j to go to the next uncovered block, b, p or k for the previous block.

+    
+    
+    

 1
 2
 3
@@ -156,7 +160,159 @@
 95
 96
 97
-98  
+98
+99
+100
+101
+102
+103
+104
+105
+106
+107
+108
+109
+110
+111
+112
+113
+114
+115
+116
+117
+118
+119
+120
+121
+122
+123
+124
+125
+126
+127
+128
+129
+130
+131
+132
+133
+134
+135
+136
+137
+138
+139
+140
+141
+142
+143
+144
+145
+146
+147
+148
+149
+150
+151
+152
+153
+154
+155
+156
+157
+158
+159
+160
+161
+162
+163
+164
+165
+166
+167
+168
+169
+170
+171
+172
+173
+174  
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
  
  
  
@@ -254,120 +410,195 @@
  
  
   .feed-list {
-    /* Removed card styling */
-    padding: 0;
-    background: transparent;
+  padding: 1rem;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #777;
+  /* specific v1 color */
+  font-size: 0.8rem;
 }
  
-.feed-list h2 {
-    font-size: 1.2rem;
-    margin-bottom: 0.5rem;
-    border-bottom: 1px solid #999;
-    padding-bottom: 0.25rem;
-    text-transform: uppercase;
-    letter-spacing: 1px;
+.feed-list h1.logo {
+  font-size: 2rem;
+  /* match v1 */
+  margin: 0 0 1rem 0;
+  line-height: 1;
+  cursor: pointer;
+  position: sticky;
+  top: 0;
+  background: var(--sidebar-bg);
+  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? */
 }
  
-.feed-list-items,
-.tag-list-items,
-.filter-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+/* Override logo color if necessary for themes */
+.theme-light .feed-list h1.logo {
+  color: #333;
 }
  
-.sidebar-feed-item {
-    padding: 0.25rem 0;
-    border-bottom: none;
-    /* Clean look */
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+.theme-dark .feed-list h1.logo {
+  color: #eee;
 }
  
-.feed-title {
-    color: #333;
-    text-decoration: none;
-    font-size: 0.9rem;
+.search-section {
+  margin-bottom: 1rem;
 }
  
-.feed-title:hover {
-    text-decoration: underline;
-    color: #000;
+.search-input {
+  width: 100%;
+  padding: 0.25rem;
+  border: 1px solid var(--border-color, #999);
+  background: var(--bg-color);
+  color: var(--text-color);
+  font-size: 0.8rem;
+  font-family: inherit;
+  border-radius: 0;
+  /* v1 didn't have rounded inputs usually */
 }
  
-.feed-category {
-    display: none;
-    /* Hide category in sidebar list to save space/match legacy simplicity if needed */
+.section-header {
+  font-size: 1rem;
+  /* v1 h4 size? */
+  font-weight: bold;
+  margin: 1rem 0 0.25rem 0;
+  cursor: pointer;
+  user-select: none;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #333;
+  /* Darker than list items */
+  text-transform: lowercase;
+  font-variant: small-caps;
+}
+ 
+.filter-list,
+.tag-list-items,
+.feed-list-items,
+.nav-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
  
-.tag-section {
-    margin-top: 2rem;
+.filter-list li,
+.nav-list li {
+  margin-bottom: 0.1rem;
 }
  
+.filter-list a,
+.nav-list a,
 .tag-link,
-.filter-list li a {
-    color: #333;
-    text-decoration: none;
-    font-size: 0.9rem;
-    display: block;
-    padding: 0.1rem 0;
+.feed-title,
+.logout-link {
+  text-decoration: none;
+  color: var(--link-color, blue);
+  font-size: 0.8rem;
+  /* Matches v1 .75em approx */
+  display: block;
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  font-family: inherit;
+  font-variant: small-caps;
+  text-transform: lowercase;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
  
+.filter-list a:hover,
+.nav-list a:hover,
 .tag-link:hover,
-.filter-list li a:hover {
-    text-decoration: underline;
-    background: transparent;
-    /* No hover bg */
-    color: #000;
+.feed-title:hover,
+.logout-link:hover {
+  text-decoration: underline;
+  color: var(--link-color, blue);
 }
  
-.filter-section {
-    margin-bottom: 2rem;
+.filter-list a.active,
+.tag-link.active,
+.feed-title.active {
+  font-weight: bold;
+  color: #000;
+  /* Active state black */
 }
  
-.filter-list {
-    display: block;
-    /* Stack vertically */
+.tag-item,
+.sidebar-feed-item {
+  margin-bottom: 0;
 }
  
-.filter-list {
-    display: block;
+.feed-category {
+  display: none;
 }
  
-.filter-list li a {
-    text-decoration: none;
-    color: #333;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    font-weight: bold;
-    font-variant: small-caps;
-    text-transform: lowercase;
-    font-size: 1.1rem;
-    display: block;
-    margin-bottom: 0.5rem;
+.nav-section {
+  margin-top: 2rem;
+  border-top: 1px solid var(--border-color, #999);
+  padding-top: 0.5rem;
 }
  
-.filter-list li a:hover {
-    color: blue;
-    background-color: transparent;
+.logout-link {
+  text-align: left;
+  width: 100%;
+  color: #777;
+  /* Make logout less prominent */
+}
+ 
+.logout-link:hover {
+  color: var(--link-color, blue);
+}
+ 
+.theme-section {
+  margin-top: 1rem;
+}
+ 
+.theme-selector {
+  display: flex;
+  gap: 0.5rem;
+}
+ 
+.theme-selector button {
+  background: transparent;
+  border: 1px solid var(--border-color, #999);
+  cursor: pointer;
+  padding: 0.1rem 0.3rem;
+  font-size: 0.9rem;
+  border-radius: 0;
+}
+ 
+.theme-selector button.active {
+  background: var(--border-color, #999);
+  color: white;
+}
+ 
+/* Scrollbar styling for webkit */
+.dashboard-sidebar::-webkit-scrollbar {
+  width: 4px;
+}
+ 
+.dashboard-sidebar::-webkit-scrollbar-thumb {
+  background-color: var(--border-color, #999);
 }
- -
- - - - - - - +
+ + + + + + + \ No newline at end of file -- cgit v1.2.3