User:Stumblean/common.js: Difference between revisions

Stumblean (talk | contribs)
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Stumblean (talk | contribs)
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Line 8: Line 8:
     top: "20px",
     top: "20px",
     right: "20px",
     right: "20px",
     background: "#111",
     background: "#7889B2", // new background color
     color: "#fff",
     color: "#fff",         // white text
     border: "2px solid #666",
     border: "2px solid #666",
     borderRadius: "10px",
     borderRadius: "10px",
Line 34: Line 34:
   title.textContent = "Mahito Menu";
   title.textContent = "Mahito Menu";
   title.style.fontWeight = "bold";
   title.style.fontWeight = "bold";
  title.style.color = "#fff"; // white text


   const img2 = document.createElement("img");
   const img2 = document.createElement("img");
Line 56: Line 57:
   };
   };


   btn1.style.marginBottom = "6px";
   [btn1, btn2].forEach((btn) => {
  btn1.style.width = btn2.style.width = "100%";
    btn.style.marginBottom = "6px";
  btn1.style.cursor = btn2.style.cursor = "pointer";
    btn.style.width = "100%";
    btn.style.cursor = "pointer";
    btn.style.background = "#45A8C5"; // new button color
    btn.style.color = "#fff";        // white text
    btn.style.border = "none";
    btn.style.padding = "5px 10px";
    btn.style.borderRadius = "5px";
  });


   menu.appendChild(header);
   menu.appendChild(header);
Line 76: Line 84:
     menu.style.left = rect.left + "px";
     menu.style.left = rect.left + "px";
     menu.style.top = rect.top + "px";
     menu.style.top = rect.top + "px";
     menu.style.right = "auto"; // remove fixed right
     menu.style.right = "auto";
   }
   }