self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-02-19 20:00:20 +02:00
Code Issues Releases Activity

Clipper: Minor improvement to screenshot usability

Browse Source
This commit is contained in:
Laurent Cozic 2018-05-26 15:53:50 +01:00
parent 89b486a3ee
commit e2bfb74895
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
Clipper/joplin-webclipper/content_scripts/index.js
View File

@ -114,7 +114,7 @@
} else if (command.name === 'screenshot') { } else if (command.name === 'screenshot') {
const overlay = document.createElement('div'); const overlay = document.createElement('div');
overlay.style.opacity = '0.4'; overlay.style.opacity = '0.6';
overlay.style.background = 'black'; overlay.style.background = 'black';
overlay.style.width = '100%'; overlay.style.width = '100%';
overlay.style.height = '100%'; overlay.style.height = '100%';
@ -129,14 +129,15 @@
const messageCompWidth = 300; const messageCompWidth = 300;
messageComp.style.position = 'fixed' messageComp.style.position = 'fixed'
messageComp.style.opacity = '0.9' messageComp.style.opacity = '0.95'
messageComp.style.fontSize = '14px';
messageComp.style.width = messageCompWidth + 'px' messageComp.style.width = messageCompWidth + 'px'
messageComp.style.maxWidth = messageCompWidth + 'px' messageComp.style.maxWidth = messageCompWidth + 'px'
messageComp.style.border = '1px solid black' messageComp.style.border = '1px solid black'
messageComp.style.background = 'white' messageComp.style.background = 'white'
messageComp.style.top = '10px' messageComp.style.top = '10px'
messageComp.style.textAlign = 'center'; messageComp.style.textAlign = 'center';
messageComp.style.padding = '6px' messageComp.style.padding = '10px'
messageComp.style.left = Math.round(document.body.clientWidth / 2 - messageCompWidth / 2) + 'px' messageComp.style.left = Math.round(document.body.clientWidth / 2 - messageCompWidth / 2) + 'px'
messageComp.style.zIndex = overlay.style.zIndex + 1 messageComp.style.zIndex = overlay.style.zIndex + 1
@ -200,6 +201,9 @@
if (!selectionArea || !selectionArea.width || !selectionArea.height) return; if (!selectionArea || !selectionArea.width || !selectionArea.height) return;
// Need to wait a bit before taking the screenshot to make sure
// the overlays have been removed and don't appear in the
// screenshot. 10ms is not enough.
setTimeout(() => { setTimeout(() => {
const content = { const content = {
title: pageTitle(), title: pageTitle(),
@ -213,7 +217,7 @@
content: content, content: content,
apiBaseUrl: command.apiBaseUrl, apiBaseUrl: command.apiBaseUrl,
}); });
}, 10); }, 100);
} }
overlay.addEventListener('mousedown', selection_mouseDown); overlay.addEventListener('mousedown', selection_mouseDown);