diff --git a/src/Annotator.scss b/src/Annotator.scss
index 910bbcd00..12bad3c35 100644
--- a/src/Annotator.scss
+++ b/src/Annotator.scss
@@ -131,7 +131,7 @@
fill: $highlight-yellow;
}
-.bp-is-text-highlighted .ba-annotation-highlight-dialog .bp-btn-plain {
+.ba-is-text-highlighted .ba-annotation-highlight-dialog .bp-btn-plain {
svg {
fill: $highlight-yellow;
}
@@ -356,7 +356,7 @@
}
}
-.bp-annotation-profile {
+.ba-annotation-profile {
background-color: $tendemob-grey;
border-radius: 16px; // Circle
color: $white;
@@ -415,7 +415,7 @@
top: 15px; // Match 15px padding top on page
}
-.bp-highlight-dialog {
+.ba-highlight-dialog {
border-top: 20px solid transparent; // Transparent border for hover detection
color: $fours;
display: table;
@@ -466,7 +466,7 @@
}
}
-.bp-create-highlight-comment {
+.ba-create-highlight-comment {
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
@@ -526,7 +526,7 @@
}
.ba-annotation-drawing-label,
-.bp-annotation-highlight-label {
+.ba-annotation-highlight-label {
padding: 8px 4px;
width: 100%;
}
diff --git a/src/__tests__/AnnotationDialog-test.js b/src/__tests__/AnnotationDialog-test.js
index f0a203741..7afb4b7e7 100644
--- a/src/__tests__/AnnotationDialog-test.js
+++ b/src/__tests__/AnnotationDialog-test.js
@@ -108,7 +108,7 @@ describe('AnnotationDialog', () => {
dialog.hasAnnotations = true;
dialog.deactivateReply();
const commentsTextArea = dialog.element.querySelector(constants.SELECTOR_ANNOTATION_TEXTAREA);
- commentsTextArea.classList.remove('bp-is-active');
+ commentsTextArea.classList.remove(constants.CLASS_ACTIVE);
dialog.show();
expect(stubs.position).to.be.called;
@@ -991,7 +991,7 @@ describe('AnnotationDialog', () => {
it('should do nothing if reply textarea is already active', () => {
const replyTextEl = dialog.element.querySelector(`.${CLASS_REPLY_TEXTAREA}`);
- replyTextEl.classList.add('bp-is-active');
+ replyTextEl.classList.add(constants.CLASS_ACTIVE);
sandbox.stub(util, 'showElement');
dialog.activateReply();
diff --git a/src/__tests__/CommentBox-test.js b/src/__tests__/CommentBox-test.js
index e4fcc474a..0dc6b42db 100644
--- a/src/__tests__/CommentBox-test.js
+++ b/src/__tests__/CommentBox-test.js
@@ -190,7 +190,7 @@ describe('CommentBox', () => {
el = commentBox.createHTML();
});
- it('should create and return a section element with bp-create-highlight-comment class on it', () => {
+ it('should create and return a section element with ba-create-highlight-comment class on it', () => {
expect(el.nodeName).to.equal('SECTION');
expect(el.classList.contains('ba-create-comment')).to.be.true;
});
diff --git a/src/__tests__/CreateAnnotationDialog-test.js b/src/__tests__/CreateAnnotationDialog-test.js
index e50047fe9..5d4e7af78 100644
--- a/src/__tests__/CreateAnnotationDialog-test.js
+++ b/src/__tests__/CreateAnnotationDialog-test.js
@@ -21,7 +21,7 @@ const stubs = {};
describe('CreateAnnotationDialog', () => {
beforeEach(() => {
parentEl = document.createElement('div');
- parentEl.classList.add('bp-create-dialog-container');
+ parentEl.classList.add('ba-create-dialog-container');
dialog = new CreateAnnotationDialog(parentEl, {
isMobile: true,
localized
diff --git a/src/__tests__/util-test.js b/src/__tests__/util-test.js
index 3e609abeb..fc19660bc 100644
--- a/src/__tests__/util-test.js
+++ b/src/__tests__/util-test.js
@@ -213,14 +213,14 @@ describe('util', () => {
const textAreaEl = document.querySelector('.textarea');
// Fake making text area 'active'
- textAreaEl.classList.add('bp-is-active');
+ textAreaEl.classList.add(CLASS_ACTIVE);
textAreaEl.value = 'test';
textAreaEl.style.width = '10px';
textAreaEl.style.height = '10px';
resetTextarea(textAreaEl);
- expect(textAreaEl).to.not.have.class('bp-is-active');
+ expect(textAreaEl).to.not.have.class(CLASS_ACTIVE);
expect(textAreaEl).to.not.have.class('ba-invalid-input');
expect(textAreaEl.value).to.equal('test');
expect(textAreaEl.style.width).to.equal('');
@@ -281,7 +281,7 @@ describe('util', () => {
});
it('should return avatar HTML initials if no avatarUrl is provided', () => {
- const expectedHtml = '
SN
'.trim();
+ const expectedHtml = 'SN
'.trim();
expect(getAvatarHtml('', '1', 'Some Name')).to.equal(expectedHtml);
});
});
diff --git a/src/doc/DocAnnotator.js b/src/doc/DocAnnotator.js
index 5203c9085..99d5844e7 100644
--- a/src/doc/DocAnnotator.js
+++ b/src/doc/DocAnnotator.js
@@ -38,7 +38,7 @@ const SELECTOR_PREVIEW_DOC = '.bp-doc';
const CLASS_DEFAULT_CURSOR = 'bp-use-default-cursor';
// Required by rangy highlighter
-const ID_ANNOTATED_ELEMENT = 'bp-rangy-annotated-element';
+const ID_ANNOTATED_ELEMENT = 'ba-rangy-annotated-element';
const ANNOTATION_LAYER_CLASSES = [
CLASS_ANNOTATION_LAYER_HIGHLIGHT,
diff --git a/src/doc/DocHighlightDialog.js b/src/doc/DocHighlightDialog.js
index 3d7f0b755..307d35c11 100644
--- a/src/doc/DocHighlightDialog.js
+++ b/src/doc/DocHighlightDialog.js
@@ -4,9 +4,9 @@ import * as docUtil from './docUtil';
import { ICON_HIGHLIGHT, ICON_HIGHLIGHT_COMMENT } from '../icons/icons';
import * as constants from '../constants';
-const CLASS_HIGHLIGHT_DIALOG = 'bp-highlight-dialog';
-const CLASS_TEXT_HIGHLIGHTED = 'bp-is-text-highlighted';
-const CLASS_HIGHLIGHT_LABEL = 'bp-annotation-highlight-label';
+const CLASS_HIGHLIGHT_DIALOG = 'ba-highlight-dialog';
+const CLASS_TEXT_HIGHLIGHTED = 'ba-is-text-highlighted';
+const CLASS_HIGHLIGHT_LABEL = 'ba-annotation-highlight-label';
const HIGHLIGHT_DIALOG_HEIGHT = 38;
const PAGE_PADDING_BOTTOM = 15;
diff --git a/src/doc/__tests__/CreateHighlightDialog-test.html b/src/doc/__tests__/CreateHighlightDialog-test.html
index f6eed9609..d81fc5988 100644
--- a/src/doc/__tests__/CreateHighlightDialog-test.html
+++ b/src/doc/__tests__/CreateHighlightDialog-test.html
@@ -1 +1 @@
-
+
diff --git a/src/doc/__tests__/CreateHighlightDialog-test.js b/src/doc/__tests__/CreateHighlightDialog-test.js
index b4797ae89..14d9282f8 100644
--- a/src/doc/__tests__/CreateHighlightDialog-test.js
+++ b/src/doc/__tests__/CreateHighlightDialog-test.js
@@ -30,7 +30,7 @@ describe('doc/CreateHighlightDialog', () => {
fixture.load('doc/__tests__/CreateHighlightDialog-test.html');
parentEl = document.createElement('div');
- parentEl.classList.add('bp-create-dialog-container');
+ parentEl.classList.add('ba-create-dialog-container');
dialog = new CreateHighlightDialog(parentEl, {
allowHighlight: true,
allowComment: true,
diff --git a/src/doc/__tests__/DocHighlightDialog-test.html b/src/doc/__tests__/DocHighlightDialog-test.html
index d83b4bb96..44e31711b 100644
--- a/src/doc/__tests__/DocHighlightDialog-test.html
+++ b/src/doc/__tests__/DocHighlightDialog-test.html
@@ -3,7 +3,7 @@
-
+
diff --git a/src/doc/__tests__/DocHighlightDialog-test.js b/src/doc/__tests__/DocHighlightDialog-test.js
index b0f3a5873..5596cf7c4 100644
--- a/src/doc/__tests__/DocHighlightDialog-test.js
+++ b/src/doc/__tests__/DocHighlightDialog-test.js
@@ -10,9 +10,9 @@ let dialog;
const sandbox = sinon.sandbox.create();
let stubs = {};
-const CLASS_HIGHLIGHT_DIALOG = 'bp-highlight-dialog';
-const CLASS_TEXT_HIGHLIGHTED = 'bp-is-text-highlighted';
-const CLASS_HIGHLIGHT_LABEL = 'bp-annotation-highlight-label';
+const CLASS_HIGHLIGHT_DIALOG = 'ba-highlight-dialog';
+const CLASS_TEXT_HIGHLIGHTED = 'ba-is-text-highlighted';
+const CLASS_HIGHLIGHT_LABEL = 'ba-annotation-highlight-label';
const DATA_TYPE_HIGHLIGHT_BTN = 'highlight-btn';
const DATA_TYPE_ADD_HIGHLIGHT_COMMENT = 'add-highlight-comment-btn';
const PAGE_PADDING_TOP = 15;
diff --git a/src/image/__tests__/ImagePointDialog-test.html b/src/image/__tests__/ImagePointDialog-test.html
index 3ed531ed3..da708ace3 100644
--- a/src/image/__tests__/ImagePointDialog-test.html
+++ b/src/image/__tests__/ImagePointDialog-test.html
@@ -1,4 +1,4 @@
-
+
diff --git a/src/image/__tests__/imageUtil-test.html b/src/image/__tests__/imageUtil-test.html
index 5c63e845c..acf318123 100644
--- a/src/image/__tests__/imageUtil-test.html
+++ b/src/image/__tests__/imageUtil-test.html
@@ -1,5 +1,5 @@
-
+
diff --git a/src/util.js b/src/util.js
index 28cea9678..207460874 100644
--- a/src/util.js
+++ b/src/util.js
@@ -345,7 +345,7 @@ export function getAvatarHtml(avatarUrl, userId, userName, altText) {
}
const index = parseInt(userId, 10) || 0;
- return `
${initials}
`.trim();
+ return `
${initials}
`.trim();
}
/**