Mirrors/ProToots
2
0
Fork 0
mirror of https://github.com/ItsVipra/ProToots synced 2024-11-22 03:23:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #41 from ItsVipra/remove-flex-from-display-name

Browse source 
Remove all inline styles
This commit is contained in:
Vivien 2023-07-14 18:57:17 +02:00 committed by GitHub
commit fe5b4584ea
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/content_scripts/protoots.js
View file

@ -214,7 +214,6 @@ async function addProplate(element) {
//i think you can figure out what this does on your own //i think you can figure out what this does on your own
proplate.classList.add("proplate-pog"); proplate.classList.add("proplate-pog");
} }
proplate.style.fontWeight = "500";
//add plate to nametag //add plate to nametag
insertAfter(proplate, nametagEl); insertAfter(proplate, nametagEl);
} }
@ -306,9 +305,7 @@ async function addProplate(element) {
const accountName = getAccountName(accountNameEl); const accountName = getAccountName(accountNameEl);
const nametagEl = getNametagEl(element, ".display-name__html"); const nametagEl = getNametagEl(element, ".display-name__html");
nametagEl.parentElement.classList.add("has-proplate");
nametagEl.parentElement.style.display = "flex";
element.setAttribute("protoots-checked", "true"); element.setAttribute("protoots-checked", "true");
// Add the checked attribute only _after_ we've passed the basic checks. // Add the checked attribute only _after_ we've passed the basic checks.
// This allows us to pass incomplete nodes into this method, because // This allows us to pass incomplete nodes into this method, because
@ -339,7 +336,7 @@ async function addProplate(element) {
const nametagEl = element.querySelector(".display-name__html"); const nametagEl = element.querySelector(".display-name__html");
const accountName = getAccountName(element.querySelector(".display-name__account")); const accountName = getAccountName(element.querySelector(".display-name__account"));
nametagEl.parentElement.style.display = "flex"; nametagEl.parentElement.classList.add("has-proplate");
element.setAttribute("protoots-checked", "true"); element.setAttribute("protoots-checked", "true");

5
src/styles/proplate.css
View file

@ -6,6 +6,7 @@
display: inline-flex; display: inline-flex;
text-transform: lowercase; text-transform: lowercase;
animation: proplate-fadein 0.15s linear; animation: proplate-fadein 0.15s linear;
font-weight: 500;
} }
/* dark theme */ /* dark theme */
@ -90,3 +91,7 @@
animation: none; animation: none;
} }
} }
bdi.has-proplate {
display: flex;
}