this repo has no description
more
+19
-4
+19
-4
index.html
+19
-4
index.html
···
203
203
204
204
.feed-item-row {
205
205
display: flex;
206
-
align-items: center;
206
+
align-items: flex-start;
207
207
padding: 8px 15px;
208
208
width: 100%;
209
209
overflow: hidden;
210
+
position: relative;
210
211
}
211
212
212
213
.feed-item-left {
213
214
display: flex;
214
215
align-items: center;
215
216
margin-right: 10px;
217
+
position: sticky;
218
+
top: 8px;
216
219
}
217
220
218
221
.feed-item-date {
···
221
224
color: var(--text-muted);
222
225
min-width: 80px;
223
226
margin-right: 10px;
227
+
position: sticky;
228
+
top: 8px;
224
229
}
225
230
226
231
.feed-item-author {
···
230
235
min-width: 70px;
231
236
margin-right: 15px;
232
237
white-space: nowrap;
238
+
position: sticky;
239
+
top: 8px;
233
240
}
234
241
235
242
.feed-item-title {
236
243
font-size: 0.95rem;
237
244
font-weight: 400;
238
-
margin-bottom: 3px;
245
+
display: inline;
239
246
}
240
247
241
248
.feed-item-title a {
···
251
258
.feed-item-content-wrapper {
252
259
flex: 1;
253
260
overflow: hidden;
261
+
white-space: nowrap;
254
262
}
255
263
256
264
.feed-item-preview {
···
260
268
text-overflow: ellipsis;
261
269
white-space: nowrap;
262
270
transition: all 0.3s ease;
271
+
display: inline;
272
+
margin-left: 8px;
263
273
}
264
274
265
275
.feed-item-actions {
···
299
309
}
300
310
301
311
312
+
.feed-item:hover .feed-item-content-wrapper {
313
+
white-space: normal;
314
+
}
315
+
302
316
.feed-item:hover .feed-item-preview {
303
317
white-space: normal;
304
318
line-height: 1.4;
305
319
max-height: none;
320
+
display: inline;
321
+
margin-left: 8px;
306
322
}
307
323
308
324
.preview-links,
···
850
866
<div class="feed-item-date">${formatDate(entry.published)}</div>
851
867
<div class="feed-item-author">${entry.author}</div>
852
868
<div class="feed-item-content-wrapper">
853
-
<div class="feed-item-title"><a href="${entry.link}" target="_blank">${entry.title}</a></div>
854
-
<div class="feed-item-preview">${entry.textPreview}</div>
869
+
<div class="feed-item-title"><a href="${entry.link}" target="_blank">${entry.title}</a></div><div class="feed-item-preview">${entry.textPreview}</div>
855
870
856
871
${entry.externalLinks && entry.externalLinks.length > 0 ? `
857
872
<div class="preview-links">