diff --git a/.dist/contextmenu.js b/.dist/contextmenu.js index 43d17a2..640c32c 100644 --- a/.dist/contextmenu.js +++ b/.dist/contextmenu.js @@ -28,19 +28,17 @@ class Contextmenu { return {}; } makemenu(x, y, addinfo, obj) { - const div = document.createElement("table"); - div.classList.add("contextmenu"); + const div = document.createElement("div"); + div.classList.add("contextmenu", "flexttb"); for (const thing of this.buttons) { if (!thing[3](addinfo)) { continue; } - const textb = document.createElement("tr"); const intext = document.createElement("button"); intext.disabled = !thing[4](); - textb["button"] = intext; + intext["button"] = intext; intext.classList.add("contextbutton"); intext.textContent = thing[0]; - textb.appendChild(intext); console.log(thing); if (thing[5] === "button") { intext.onclick = thing[1].bind(addinfo, obj); @@ -48,7 +46,7 @@ class Contextmenu { else if (thing[5] === "submenu") { intext.onclick = thing[1].bind(addinfo); } - div.appendChild(textb); + div.appendChild(intext); } if (Contextmenu.currentmenu != "") { Contextmenu.currentmenu.remove(); diff --git a/webpage/contextmenu.ts b/webpage/contextmenu.ts index 1598185..a67bb3d 100644 --- a/webpage/contextmenu.ts +++ b/webpage/contextmenu.ts @@ -28,17 +28,15 @@ class Contextmenu{ return {}; } makemenu(x:number,y:number,addinfo:any,obj:HTMLElement){ - const div=document.createElement("table"); - div.classList.add("contextmenu"); + const div=document.createElement("div"); + div.classList.add("contextmenu","flexttb"); for(const thing of this.buttons){ if(!thing[3](addinfo)){continue;} - const textb=document.createElement("tr"); const intext=document.createElement("button") intext.disabled=!thing[4](); - textb["button"]=intext; + intext["button"]=intext; intext.classList.add("contextbutton") intext.textContent=thing[0] - textb.appendChild(intext) console.log(thing) if(thing[5]==="button"){ intext.onclick=thing[1].bind(addinfo,obj); @@ -46,7 +44,7 @@ class Contextmenu{ intext.onclick=thing[1].bind(addinfo); } - div.appendChild(textb); + div.appendChild(intext); } if(Contextmenu.currentmenu!=""){ Contextmenu.currentmenu.remove(); diff --git a/webpage/style.css b/webpage/style.css index a4a0ced..a1e1b2d 100644 --- a/webpage/style.css +++ b/webpage/style.css @@ -134,7 +134,8 @@ samp { font-size: .5cm; cursor: pointer; border-width: 0px 0px .03in; - margin: .02in .05in; + margin: .03in .05in; + margin-bottom: .05in; } .contextbutton:active{ border-width: 0px; @@ -227,6 +228,8 @@ h2 { position: absolute; background-color: var(--profile-info-bg); border-radius: .05in; + width: fit-content !important; + padding: .03in; } #neunence {