mirror of
https://github.com/dergigi/boris.git
synced 2025-12-18 23:24:22 +01:00
feat(ui): improve bookmark list heading with event links
- Replace 'Bookmarks (count)' with 'count bookmarks in this list:'
- Replace 'Individual Bookmarks (count):' with 'count bookmarks in this list:'
- Make 'this list' a clickable link to search.dergigi.com/e/{eventId}
- Add event-link CSS styling with blue color and hover effect
This commit is contained in:
@@ -69,7 +69,16 @@ export const BookmarkList: React.FC<BookmarkListProps> = ({
|
|||||||
<h3>{bookmark.title}</h3>
|
<h3>{bookmark.title}</h3>
|
||||||
{bookmark.bookmarkCount && (
|
{bookmark.bookmarkCount && (
|
||||||
<p className="bookmark-count">
|
<p className="bookmark-count">
|
||||||
{bookmark.bookmarkCount} bookmarks in this list
|
{bookmark.bookmarkCount} bookmarks in{' '}
|
||||||
|
<a
|
||||||
|
href={`https://search.dergigi.com/e/${bookmark.id}`}
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="event-link"
|
||||||
|
>
|
||||||
|
this list
|
||||||
|
</a>
|
||||||
|
:
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
{bookmark.urlReferences && bookmark.urlReferences.length > 0 && (
|
{bookmark.urlReferences && bookmark.urlReferences.length > 0 && (
|
||||||
@@ -84,7 +93,18 @@ export const BookmarkList: React.FC<BookmarkListProps> = ({
|
|||||||
)}
|
)}
|
||||||
{bookmark.individualBookmarks && bookmark.individualBookmarks.length > 0 && (
|
{bookmark.individualBookmarks && bookmark.individualBookmarks.length > 0 && (
|
||||||
<div className="individual-bookmarks">
|
<div className="individual-bookmarks">
|
||||||
<h4>Individual Bookmarks ({bookmark.individualBookmarks.length}):</h4>
|
<h4>
|
||||||
|
{bookmark.individualBookmarks.length} bookmarks in{' '}
|
||||||
|
<a
|
||||||
|
href={`https://search.dergigi.com/e/${bookmark.id}`}
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
className="event-link"
|
||||||
|
>
|
||||||
|
this list
|
||||||
|
</a>
|
||||||
|
:
|
||||||
|
</h4>
|
||||||
<div className="bookmarks-grid">
|
<div className="bookmarks-grid">
|
||||||
{bookmark.individualBookmarks.map((individualBookmark, index) =>
|
{bookmark.individualBookmarks.map((individualBookmark, index) =>
|
||||||
<BookmarkItem key={index} bookmark={individualBookmark} index={index} onSelectUrl={onSelectUrl} />
|
<BookmarkItem key={index} bookmark={individualBookmark} index={index} onSelectUrl={onSelectUrl} />
|
||||||
|
|||||||
@@ -173,6 +173,16 @@ body {
|
|||||||
margin: 0.5rem 0;
|
margin: 0.5rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.event-link {
|
||||||
|
color: #8ab4f8;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
.bookmark-urls {
|
.bookmark-urls {
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user