User:Stumblean/common.js: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
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: "# | 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) => { | ||
btn.style.marginBottom = "6px"; | |||
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"; | menu.style.right = "auto"; | ||
} | } | ||