components FeedItem.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. -
- -

-1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12
-13
-14
-15
-16
-17
-18
-19
-20
-21
-22
-23
-24
-25
-26
-27
-28
-29
-30
-31
-32
-33
-34
-35
-36
-37
-38
-39
-40
-41
-42
-43
-44
-45
-46
-47
-48
-49
-50
-51
-52
-53
-54
-55
-56
-57
-58
-59
-60
-61
-62
-63
-64
-65
-66
-67
-68
-69
-70
-71
-72
-73
-74
-75
-76
-77
-78
-79
-80
-81
-82
-83
-84
-85
-86
-87
-88
-89
-90
-91
-92
-93
-94
-95
-96
-97
-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  
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-  .feed-item {
-  padding: 1rem;
-  margin-top: 5rem;
-  list-style: none;
-  border-bottom: none;
-}
- 
-/* removed read/unread specific font-weight to keep it always bold as requested */
- 
-.item-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  margin-bottom: 0.5rem;
-}
- 
-.item-title {
-  font-family: var(--font-heading);
-  font-size: 1.8rem;
-  font-weight: bold;
-  text-decoration: none;
-  color: var(--link-color);
-  display: block;
-  flex: 1;
-}
- 
-.item-title:hover {
-  text-decoration: none;
-  color: var(--link-color);
-}
- 
-.item-actions {
-  display: flex;
-  gap: 0.5rem;
-  margin-left: 1rem;
-}
- 
-/* Legacy controls were simple text/links, but buttons are fine if minimal */
-.star-btn {
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 1.25rem;
-  padding: 0 0 0 0.5rem;
-  vertical-align: middle;
-  transition: color 0.2s;
-  line-height: 1;
-}
- 
-.star-btn.is-starred {
-  color: blue;
-}
- 
-.star-btn.is-unstarred {
-  color: var(--text-color);
-  opacity: 0.3;
-}
- 
-.star-btn:hover {
-  color: blue;
-}
- 
-.action-btn {
-  background: var(--sidebar-bg);
-  border: 1px solid var(--border-color, #ccc);
-  cursor: pointer;
-  padding: 2px 6px;
-  font-size: 1rem;
-  color: blue;
-  font-weight: bold;
-}
- 
-.action-btn:hover {
-  background-color: #eee;
-}
- 
-.dateline {
-  margin-top: 0;
-  font-weight: normal;
-  font-size: 0.75em;
-  color: #ccc;
-  margin-bottom: 1rem;
-}
- 
-.dateline a {
-  color: #ccc;
-  text-decoration: none;
-}
- 
-.item-description {
-  color: var(--text-color);
-  line-height: 1.5;
-  font-size: 1rem;
-  margin-top: 1rem;
-}
- 
-.item-description img {
-  max-width: 100%;
-  height: auto;
-  display: block;
-  margin: 1rem 0;
-}
- 
-.item-description blockquote {
-  padding: 1rem 1rem 0 1rem;
-  border-left: 4px solid var(--sidebar-bg);
-  color: var(--text-color);
-  opacity: 0.8;
-  margin-left: 0;
-}
- 
-.scrape-btn {
-  background: var(--bg-color);
-  border: 1px solid var(--border-color, #ccc);
-  color: blue;
-  cursor: pointer;
-  font-family: var(--font-heading);
-  font-weight: bold;
-  font-size: 0.8rem;
-  padding: 2px 6px;
-  margin-left: 0.5rem;
-}
- 
-.scrape-btn:hover {
-  background: var(--sidebar-bg);
-}
- 
-@media (max-width: 768px) {
-  .feed-item {
-    margin-top: 2rem;
-    padding: 0.5rem;
-  }
- 
-  .item-title {
-    font-size: 1.4rem;
-    word-break: break-word;
-  }
- 
-  .item-header {
-    flex-direction: column;
-    gap: 0.5rem;
-  }
- 
-  .item-actions {
-    margin-left: 0;
-    margin-bottom: 0.5rem;
-  }
-}
- -