swcs/simplelogin-browser-extension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #179 from D-Bao/master

Browse Source 
Fix "sl-button" CSS class name conflicting with certain websites
This commit is contained in:
Adrià Casajús
2023-04-03 09:08:22 +02:00
committed by GitHub
parent 017a197f98 3ceacb087c
commit d1bad97ec8
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/content_script/input_tools.css
+6 -6
View File
@@ -1,9 +1,9 @@
.sl-button-wrapper {
.simplelogin-extension--button-wrapper {
position: absolute;
z-index: 999999;
}
.sl-button {
.simplelogin-extension--button {
cursor: pointer;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
max-height: 30px;
@@ -22,14 +22,14 @@
background-size: contain;
}
.sl-button:hover {
.simplelogin-extension--button:hover {
transform: translate(-50%, -50%) scale(1.2);
}
.sl-button.loading {
.simplelogin-extension--button.loading {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23aa2990' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138' transform='rotate(178.465 50 50)'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}
.sl-button.loading:hover {
.simplelogin-extension--button.loading:hover {
transform: translate(-50%, -50%);
}
}
src/content_script/input_tools.js
+2 -2
View File
@@ -89,7 +89,7 @@ if (!window._hasExecutedSlExtension) {
addSLButtonToInput(inputElem) {
// create wrapper for SL button
const btnWrapper = InputTools.newDiv("sl-button-wrapper");
const btnWrapper = InputTools.newDiv("simplelogin-extension--button-wrapper");
const inputSumHeight =
inputElem.getBoundingClientRect().height + "px";
btnWrapper.style.height = inputSumHeight;
@@ -97,7 +97,7 @@ if (!window._hasExecutedSlExtension) {
document.body.appendChild(btnWrapper);
// create the SL button
const slButton = InputTools.newDiv("sl-button");
const slButton = InputTools.newDiv("simplelogin-extension--button");
slButton.addEventListener("click", function () {
InputTools.handleOnClickSLButton(inputElem, slButton);
});