self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-11-24 08:12:24 +02:00
Code Issues Releases Activity

Desktop: Fixes #2830: Fixes todo mouse hover behaviour (#2831)

Browse Source 
* Fixed-todoitem-hover

* Added empty space for build fix

* Fixed-todo-hover
This commit is contained in:
Siddhant Sehgal 2020-04-11 16:08:00 +05:30 committed by GitHub
parent 206a64eff6
commit 870a76c570
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ElectronClient/gui/NoteList.jsx
View File

@ -171,7 +171,7 @@ class NoteListComponent extends React.Component {
const checkbox = item.is_todo ? ( const checkbox = item.is_todo ? (
<div style={{ display: 'flex', height: style.height, alignItems: 'center', paddingLeft: hPadding }}> <div style={{ display: 'flex', height: style.height, alignItems: 'center', paddingLeft: hPadding }}>
<input <input
style={{ margin: 0, marginBottom: 1 }} style={{ margin: 0, marginBottom: 1, marginRight: 5 }}
type="checkbox" type="checkbox"
defaultChecked={!!item.todo_completed} defaultChecked={!!item.todo_completed}
onClick={event => { onClick={event => {
@ -229,11 +229,10 @@ class NoteListComponent extends React.Component {
// Need to include "todo_completed" in key so that checkbox is updated when // Need to include "todo_completed" in key so that checkbox is updated when
// item is changed via sync. // item is changed via sync.
return ( return (
<div key={`${item.id}_${item.todo_completed}`} style={style}> <div key={`${item.id}_${item.todo_completed}`} className="list-item-container" style={style}>
{checkbox} {checkbox}
<a <a
ref={ref} ref={ref}
className="list-item"
onContextMenu={event => this.itemContextMenu(event)} onContextMenu={event => this.itemContextMenu(event)}
href="#" href="#"
draggable={true} draggable={true}

2
ElectronClient/style.css
View File

@ -71,7 +71,7 @@ a {
opacity: 0; opacity: 0;
} }
.note-list .list-item:hover { .note-list .list-item-container:hover {
background-color: rgba(0,160,255,0.1) !important; background-color: rgba(0,160,255,0.1) !important;
} }