Переглянути джерело

highlight anchored element when clicking on the header

Former-commit-id: 143a6d4cddb00b12442a2574ada884f9d347b133
Gildas 6 роки тому
батько
коміт
662a29258b
1 змінених файлів з 6 додано та 0 видалено
  1. 6 0
      extension/ui/content/content-ui-editor-web.js

+ 6 - 0
extension/ui/content/content-ui-editor-web.js

@@ -219,6 +219,8 @@
 				} else {
 				} else {
 					maskPageElement.classList.add(PAGE_MASK_ACTIVE_CLASS);
 					maskPageElement.classList.add(PAGE_MASK_ACTIVE_CLASS);
 					document.documentElement.style.setProperty("user-select", "none", "important");
 					document.documentElement.style.setProperty("user-select", "none", "important");
+					anchorElement = getAnchorElement(containerElement);
+					displayMaskNote();
 					headerElement.ontouchmove = document.documentElement.onmousemove = event => moveNote(event, deltaX, deltaY);
 					headerElement.ontouchmove = document.documentElement.onmousemove = event => moveNote(event, deltaX, deltaY);
 					headerElement.ontouchend = headerElement.onmouseup = event => anchorNote(event, deltaX, deltaY);
 					headerElement.ontouchend = headerElement.onmouseup = event => anchorNote(event, deltaX, deltaY);
 				}
 				}
@@ -277,6 +279,10 @@
 			noteElement.style.setProperty("left", (clientX - deltaX) + "px");
 			noteElement.style.setProperty("left", (clientX - deltaX) + "px");
 			noteElement.style.setProperty("top", (clientY - deltaY) + "px");
 			noteElement.style.setProperty("top", (clientY - deltaY) + "px");
 			noteElement.style.setProperty("position", "fixed");
 			noteElement.style.setProperty("position", "fixed");
+			displayMaskNote();
+		}
+
+		function displayMaskNote() {
 			if (anchorElement == document.documentElement || anchorElement == document.documentElement) {
 			if (anchorElement == document.documentElement || anchorElement == document.documentElement) {
 				maskNoteElement.classList.remove(NOTE_MASK_MOVING_CLASS);
 				maskNoteElement.classList.remove(NOTE_MASK_MOVING_CLASS);
 			} else {
 			} else {