Julia/chatless-disc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #1 from Badtz13/main

Browse source 
add svg icon
This commit is contained in:
Julia Lange 2024-02-03 15:24:00 -08:00 • committed by GitHub
commit dd7fe97c8f
1 changed files with 56 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

42
chatlessdisc.plugin.js
View file

@ -106,18 +106,46 @@ function createToggleButton(onClickFunction) {
let toggleButton = document.createElement("button"); let toggleButton = document.createElement("button");
toggleButton.role = "switch"; toggleButton.role = "switch";
toggleButton.ariaLabel = "Chattless Toggle"; toggleButton.ariaLabel = "Chattless Toggle";
toggleButton.textContent = "💬"; toggleButton.className = "chattless_button";
toggleButton.style.cssText = `
// Had to style instead of use the class, because otherwise the class display: flex;
// wouldn't work align-items: center;
toggleButton.style = "height: 32px; width: 32px; border-radius: 4px; \ justify-content: center;
background: transparent;" background: transparent;`
toggleButton.className = "chattless_button"
toggleButton.addEventListener("click", onClickFunction); toggleButton.addEventListener("click", onClickFunction);
const div = document.createElement("div");
div.style.cssText = `
display: flex;
align-items: center;
justify-content: center;`;
const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute("aria-hidden", "false");
svg.setAttribute("width", "20");
svg.setAttribute("height", "20");
svg.setAttribute("viewBox", "0 0 512.08 512.08");
const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
path.setAttribute("fill", "var(--interactive-normal)");
path.setAttribute("d", "M256.04,0C134.28,0,35.208,97.248,35.208,216.8c0,66.56,30.208,127.776,83.168,169.216V512.08 \
l103.552-81.2c11.536,1.776,22.992,2.688,34.112,2.688c121.76,0,220.832-97.232,220.832-216.768C476.872,97.248,377.8,0,256.04,0z \
M444.872,216.8c0,44.336-16.064,85.056-42.768,116.928L140.408,71.024C172.408,46.656,212.456,32,256.04,32 \
C360.168,32,444.872,114.912,444.872,216.8z M220.552,398.192l-7.104-1.312l-63.056,49.456v-76.432l-6.592-4.8 \
C95.128,329.776,67.224,275.712,67.224,216.8c0-47.872,18.848-91.408,49.472-124.256l262.768,263.792 \
c-33.136,28.096-76.224,45.232-123.408,45.232C244.536,401.568,232.6,400.416,220.552,398.192z");
svg.appendChild(path);
div.appendChild(svg);
toggleButton.appendChild(div);
return toggleButton; return toggleButton;
} }
class chatlessdisc { class chatlessdisc {
constructor() { constructor() {