ted/recogito-client-core
ted
/
recogito-client-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More CSS class cleanup

This commit is contained in:
Rainer Simon 2020-04-04 15:54:26 +02:00
parent 761794054e
commit 6c2cb7d98d
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/relations/RelationUtils.js
View File

@ -17,7 +17,7 @@ export const getNodeForEvent = function(evt) {
const sortByQuoteLengthDesc = annotations =>
annotations.sort((a, b) => a.quote.length - b.quote.length);
const annotationSpan = evt.target.closest('.annotation');
const annotationSpan = evt.target.closest('.r6o-annotation');
if (annotationSpan) {
// All stacked annotation spans
@ -27,7 +27,7 @@ export const getNodeForEvent = function(evt) {
const annotation = sortByQuoteLengthDesc(spans.map(span => span.annotation))[0];
// ALL spans for this annotation (not just the hovered one)
const elements = document.querySelectorAll(`.annotation[data-id="${annotation.id}"]`);
const elements = document.querySelectorAll(`.r6o-annotation[data-id="${annotation.id}"]`);
return { annotation, elements: Array.from(elements) };
}
@ -50,6 +50,6 @@ export const getAnnotationSpansRecursive = function(element, s) {
const parent = element.parentNode;
return parent.classList.contains('annotation') ?
return parent.classList.contains('r6o-annotation') ?
getAnnotationSpansRecursive(parent, spans) : spans;
}

4
src/relations/drawing/DrawingTool.js
View File

@ -99,7 +99,7 @@ export default class DrawingTool extends EventEmitter {
}
/** Emphasise hovered annotation **/
onEnterAnnotation = delegatingHandler('.annotation', evt => {
onEnterAnnotation = delegatingHandler('.r6o-annotation', evt => {
if (this.currentHover)
this.hover();
@ -107,7 +107,7 @@ export default class DrawingTool extends EventEmitter {
});
/** Clear hover emphasis **/
onLeaveAnnotation = delegatingHandler('.annotation', evt => {
onLeaveAnnotation = delegatingHandler('.r6o-annotation', evt => {
this.hover();
});