luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Sidebar - click on options button shouldn't trigger change board

Browse source
This commit is contained in:
Chen-I Lim 2020-10-13 14:10:33 -07:00
parent 61a6bac9dc
commit 5e7712d9f2
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/client/components/sidebar.tsx
View file

@ -25,8 +25,8 @@ class Sidebar extends React.Component<Props> {
boards.map(board => {
const displayTitle = board.title || "(Untitled Board)"
return (
<div key={board.id} className="octo-sidebar-item octo-hover-container" onClick={() => { this.boardClicked(board) }}>
<div>{board.icon ? `${board.icon} ${displayTitle}` : displayTitle}</div>
<div key={board.id} className="octo-sidebar-item octo-hover-container">
<div className="octo-sidebar-title" onClick={() => { this.boardClicked(board) }}>{board.icon ? `${board.icon} ${displayTitle}` : displayTitle}</div>
<div className="octo-spacer"></div>
<div className="octo-button square octo-hover-item" onClick={(e) => { this.showOptions(e, board) }}><div className="imageOptions" /></div>
</div>
@ -67,6 +67,8 @@ class Sidebar extends React.Component<Props> {
}
}
Menu.shared.showAtElement(e.target as HTMLElement)
e.stopPropagation()
}
private boardClicked(board: Board) {

5
src/static/main.css
View file

@ -102,10 +102,13 @@ hr {
flex-direction: row;
font-weight: 500;
cursor: pointer;
padding: 3px 20px;
}
.octo-sidebar-title {
cursor: pointer;
}
.octo-sidebar-item:hover {
background-color: rgba(0, 0, 0, 0.05);
}