f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-11 13:22:39 +00:00
Code Wiki Activity

Add a title to each button

Browse Source 
add a role to the toolbr.
This commit is contained in:
Gazook89
2024-10-11 22:32:53 -05:00
parent 395f2d16fa
commit 835305bcf6
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/homebrew/brewRenderer/toolBar/toolBar.jsx
View File

@@ -94,7 +94,7 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages, onStyleC
}; };
return ( return (
<div className={`toolBar ${toolsVisible ? 'visible' : 'hidden'}`}> <div className={`toolBar ${toolsVisible ? 'visible' : 'hidden'}`} role='toolbar'>
<button className='toggleButton' title={`${toolsVisible ? 'Hide' : 'Show'} Preview Toolbar`} onClick={()=>{setToolsVisible(!toolsVisible);}}><i className='fas fa-glasses' /></button> <button className='toggleButton' title={`${toolsVisible ? 'Hide' : 'Show'} Preview Toolbar`} onClick={()=>{setToolsVisible(!toolsVisible);}}><i className='fas fa-glasses' /></button>
{/*v=====----------------------< Zoom Controls >---------------------=====v*/} {/*v=====----------------------< Zoom Controls >---------------------=====v*/}
<div className='group'> <div className='group'>
@@ -152,16 +152,19 @@ const ToolBar = ({ onZoomChange, currentPage, onPageChange, totalPages, onStyleC
<button role='radio' <button role='radio'
id='single-view' id='single-view'
className={`tool${arrangement === 'single' && ' active'}`} className={`tool${arrangement === 'single' && ' active'}`}
title='Single Page'
onClick={()=>setBookMode('single')} onClick={()=>setBookMode('single')}
><i className='fac single-view-alt' /></button> ><i className='fac single-view-alt' /></button>
<button role='radio' <button role='radio'
id='facing-view' id='facing-view'
className={`tool${arrangement === 'facing' && ' active'}`} className={`tool${arrangement === 'facing' && ' active'}`}
title='Facing Pages'
onClick={()=>setBookMode('facing')} onClick={()=>setBookMode('facing')}
><i className='fac facing-view-alt' /></button> ><i className='fac facing-view-alt' /></button>
<button role='radio' <button role='radio'
id='flow-view' id='flow-view'
className={`tool${arrangement === 'flow' && ' active'}`} className={`tool${arrangement === 'flow' && ' active'}`}
title='Flow Pages'
onClick={()=>setBookMode('flow')} onClick={()=>setBookMode('flow')}
><i className='fac flow-view-alt' /></button> ><i className='fac flow-view-alt' /></button>