mirror of
https://github.com/dergigi/boris.git
synced 2026-01-07 17:04:34 +01:00
feat: add bookmark icon to collapsed bookmarks panel button
- Show both chevron and bookmark icons when collapsed - Button width adjusts to fit both icons - Add gap between icons for proper spacing - Mirrors the highlights panel behavior - Makes it clear what the panel contains when collapsed Both sidebars now show their respective icons (bookmark/highlighter) when collapsed for better visual consistency and clarity.
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import React from 'react'
|
||||
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
||||
import { faChevronLeft } from '@fortawesome/free-solid-svg-icons'
|
||||
import { faChevronLeft, faBookmark } from '@fortawesome/free-solid-svg-icons'
|
||||
import { Bookmark } from '../types/bookmarks'
|
||||
import { BookmarkItem } from './BookmarkItem'
|
||||
import { formatDate, renderParsedContent } from '../utils/bookmarkUtils'
|
||||
@@ -31,11 +31,12 @@ export const BookmarkList: React.FC<BookmarkListProps> = ({
|
||||
<div className="bookmarks-container collapsed">
|
||||
<button
|
||||
onClick={onToggleCollapse}
|
||||
className="toggle-sidebar-btn"
|
||||
className="toggle-sidebar-btn with-icon"
|
||||
title="Expand bookmarks sidebar"
|
||||
aria-label="Expand bookmarks sidebar"
|
||||
>
|
||||
<FontAwesomeIcon icon={faChevronLeft} />
|
||||
<FontAwesomeIcon icon={faBookmark} />
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user