From d6cf7a7baf8391b8b56f4f65c67f6d646c101100 Mon Sep 17 00:00:00 2001
From: D-Bao <49440133+D-Bao@users.noreply.github.com>
Date: Fri, 24 Mar 2023 12:51:52 +0100
Subject: [PATCH] define a constant css prefix in input_tools.js

---
 src/content_script/input_tools.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/content_script/input_tools.js b/src/content_script/input_tools.js
index 0d4f964..f932c9b 100644
--- a/src/content_script/input_tools.js
+++ b/src/content_script/input_tools.js
@@ -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);
           });