define a constant css prefix in input_tools.js

This commit is contained in:
D-Bao
2023-03-24 12:51:52 +01:00
parent 3e95d0868e
commit d6cf7a7baf
+5 -2
View File
@@ -88,8 +88,11 @@ if (!window._hasExecutedSlExtension) {
},
addSLButtonToInput(inputElem) {
const CSS_CLASS_PREFIX = "simplelogin-extension--";
const prefixClassName = (classname) => `${CSS_CLASS_PREFIX}${classname}`;
// create wrapper for SL button
const btnWrapper = InputTools.newDiv("simplelogin-extension--button-wrapper");
const btnWrapper = InputTools.newDiv(prefixClassName("button-wrapper"));
const inputSumHeight =
inputElem.getBoundingClientRect().height + "px";
btnWrapper.style.height = inputSumHeight;
@@ -97,7 +100,7 @@ if (!window._hasExecutedSlExtension) {
document.body.appendChild(btnWrapper);
// create the SL button
const slButton = InputTools.newDiv("simplelogin-extension--button");
const slButton = InputTools.newDiv(prefixClassName("button"));
slButton.addEventListener("click", function () {
InputTools.handleOnClickSLButton(inputElem, slButton);
});