self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-08-10 22:11:50 +02:00
Code Issues Releases Activity

Desktop: Fixes #12233: Add tooltips to sidebar buttons (#12798)

Browse Source
This commit is contained in:
Suchith
2025-07-30 20:12:08 +05:30
committed by GitHub
parent 5a64222276
commit d59a09fd29
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app-desktop/gui/Sidebar/hooks/useOnRenderListWrapper.tsx
View File

@@ -27,7 +27,7 @@ const CollapseExpandAllButton = (props: CollapseExpandAllButtonProps) => {
const icon = props.allFoldersCollapsed ? 'far fa-caret-square-right' : 'far fa-caret-square-down'; const icon = props.allFoldersCollapsed ? 'far fa-caret-square-right' : 'far fa-caret-square-down';
const label = props.allFoldersCollapsed ? _('Expand all notebooks') : _('Collapse all notebooks'); const label = props.allFoldersCollapsed ? _('Expand all notebooks') : _('Collapse all notebooks');
return <button onClick={() => onToggleAllFolders(props.allFoldersCollapsed)} className='sidebar-header-button -collapseall'> return <button onClick={() => onToggleAllFolders(props.allFoldersCollapsed)} className='sidebar-header-button -collapseall' title={label}>
<i <i
aria-label={label} aria-label={label}
role='img' role='img'
@@ -39,9 +39,11 @@ const CollapseExpandAllButton = (props: CollapseExpandAllButtonProps) => {
const NewFolderButton = () => { const NewFolderButton = () => {
// To allow it to be accessed by accessibility tools, the new folder button // To allow it to be accessed by accessibility tools, the new folder button
// is not included in the portion of the list with role='tree'. // is not included in the portion of the list with role='tree'.
return <button onClick={onAddFolderButtonClick} className='sidebar-header-button -newfolder'> const label = _('New notebook');
return <button onClick={onAddFolderButtonClick} className='sidebar-header-button -newfolder' title={label}>
<i <i
aria-label={_('New notebook')} aria-label={label}
role='img' role='img'
className='fas fa-plus' className='fas fa-plus'
/> />