mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-02-21 02:53:36 +08:00
Updated tasklist style and functionality for cross-browser use
- Updated styles to better align checkboxes within page content. - Updated functionality to use a cross-compatible property on checkbox click within the editor.
This commit is contained in:
parent
c5aad29c72
commit
883e18f7c4
@ -84,9 +84,10 @@ function register(editor, url) {
|
|||||||
|
|
||||||
// Handle checkbox click in editor
|
// Handle checkbox click in editor
|
||||||
editor.on('click', function(event) {
|
editor.on('click', function(event) {
|
||||||
const clickedEl = event.originalTarget;
|
const clickedEl = event.target;
|
||||||
if (clickedEl.nodeName === 'LI' && clickedEl.classList.contains('task-list-item')) {
|
if (clickedEl.nodeName === 'LI' && clickedEl.classList.contains('task-list-item')) {
|
||||||
handleTaskListItemClick(event, clickedEl, editor);
|
handleTaskListItemClick(event, clickedEl, editor);
|
||||||
|
event.preventDefault();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -164,6 +164,11 @@ body.tox-fullscreen, body.markdown-fullscreen {
|
|||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
li > input[type="checkbox"] {
|
||||||
|
vertical-align: top;
|
||||||
|
margin-top: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
p:empty {
|
p:empty {
|
||||||
min-height: 1.6em;
|
min-height: 1.6em;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user