Atom feed for our EEG site

more

Changed files
+19 -4
+19 -4
index.html
···
.feed-item-row {
display: flex;
-
align-items: center;
+
align-items: flex-start;
padding: 8px 15px;
width: 100%;
overflow: hidden;
+
position: relative;
}
.feed-item-left {
display: flex;
align-items: center;
margin-right: 10px;
+
position: sticky;
+
top: 8px;
}
.feed-item-date {
···
color: var(--text-muted);
min-width: 80px;
margin-right: 10px;
+
position: sticky;
+
top: 8px;
}
.feed-item-author {
···
min-width: 70px;
margin-right: 15px;
white-space: nowrap;
+
position: sticky;
+
top: 8px;
}
.feed-item-title {
font-size: 0.95rem;
font-weight: 400;
-
margin-bottom: 3px;
+
display: inline;
}
.feed-item-title a {
···
.feed-item-content-wrapper {
flex: 1;
overflow: hidden;
+
white-space: nowrap;
}
.feed-item-preview {
···
text-overflow: ellipsis;
white-space: nowrap;
transition: all 0.3s ease;
+
display: inline;
+
margin-left: 8px;
}
.feed-item-actions {
···
}
+
.feed-item:hover .feed-item-content-wrapper {
+
white-space: normal;
+
}
+
.feed-item:hover .feed-item-preview {
white-space: normal;
line-height: 1.4;
max-height: none;
+
display: inline;
+
margin-left: 8px;
}
.preview-links,
···
<div class="feed-item-date">${formatDate(entry.published)}</div>
<div class="feed-item-author">${entry.author}</div>
<div class="feed-item-content-wrapper">
-
<div class="feed-item-title"><a href="${entry.link}" target="_blank">${entry.title}</a></div>
-
<div class="feed-item-preview">${entry.textPreview}</div>
+
<div class="feed-item-title"><a href="${entry.link}" target="_blank">${entry.title}</a></div><div class="feed-item-preview">${entry.textPreview}</div>
${entry.externalLinks && entry.externalLinks.length > 0 ? `
<div class="preview-links">