getting rid of another table and welcome click

This commit is contained in:
MathMan05 2024-07-24 15:27:34 -05:00
parent dc044ea464
commit c788bea40f
5 changed files with 35 additions and 25 deletions

View file

@ -316,10 +316,16 @@ class Message {
text.appendChild(texttxt); text.appendChild(texttxt);
build.appendChild(text); build.appendChild(text);
texttxt.classList.add("flexltr"); texttxt.classList.add("flexltr");
const messaged = document.createElement("p"); const messaged = document.createElement("span");
div["txt"] = messaged; div["txt"] = messaged;
messaged.textContent = "welcome: " + this.author.username; messaged.textContent = "welcome: ";
texttxt.appendChild(messaged); texttxt.appendChild(messaged);
const username = document.createElement("span");
username.textContent = this.author.username;
this.author.profileclick(username);
this.author.bind(username, this.guild);
texttxt.appendChild(username);
username.classList.add("username");
const time = document.createElement("span"); const time = document.createElement("span");
time.textContent = " " + formatTime(new Date(this.timestamp)); time.textContent = " " + formatTime(new Date(this.timestamp));
time.classList.add("timestamp"); time.classList.add("timestamp");

View file

@ -126,23 +126,21 @@ class User {
if (Contextmenu.currentmenu != "") { if (Contextmenu.currentmenu != "") {
Contextmenu.currentmenu.remove(); Contextmenu.currentmenu.remove();
} }
const div = document.createElement("table"); const div = document.createElement("div");
if (x !== -1) { if (x !== -1) {
div.style.left = x + "px"; div.style.left = x + "px";
div.style.top = y + "px"; div.style.top = y + "px";
div.classList.add("profile"); div.classList.add("profile", "flexttb");
} }
else { else {
div.classList.add("hypoprofile"); div.classList.add("hypoprofile");
} }
{ {
const pfp = this.buildpfp(); const pfp = this.buildpfp();
const pfprow = document.createElement("tr"); div.appendChild(pfp);
div.appendChild(pfprow);
pfprow.appendChild(pfp);
} }
{ {
const userbody = document.createElement("tr"); const userbody = document.createElement("div");
userbody.classList.add("infosection"); userbody.classList.add("infosection");
div.appendChild(userbody); div.appendChild(userbody);
const usernamehtml = document.createElement("h2"); const usernamehtml = document.createElement("h2");

View file

@ -320,11 +320,18 @@ class Message{
text.appendChild(texttxt); text.appendChild(texttxt);
build.appendChild(text); build.appendChild(text);
texttxt.classList.add("flexltr"); texttxt.classList.add("flexltr");
const messaged=document.createElement("p"); const messaged=document.createElement("span");
div["txt"]=messaged; div["txt"]=messaged;
messaged.textContent="welcome: "+this.author.username; messaged.textContent="welcome: ";
texttxt.appendChild(messaged); texttxt.appendChild(messaged);
const username=document.createElement("span");
username.textContent=this.author.username;
this.author.profileclick(username);
this.author.bind(username,this.guild);
texttxt.appendChild(username);
username.classList.add("username");
const time=document.createElement("span"); const time=document.createElement("span");
time.textContent=" "+formatTime(new Date(this.timestamp)); time.textContent=" "+formatTime(new Date(this.timestamp));
time.classList.add("timestamp"); time.classList.add("timestamp");

View file

@ -9,6 +9,15 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.profile {
display: inline-block;
position: absolute;
background-color: var(--profile-bg);
border-radius: 10%;
padding: .2cm;
width: 7cm !important;
height: 8cm;
}
video{ video{
max-width: 3in; max-width: 3in;
max-height: 4in; max-height: 4in;
@ -134,15 +143,7 @@ samp {
box-sizing: border-box; box-sizing: border-box;
} }
.profile {
display: inline-block;
position: absolute;
background-color: var(--profile-bg);
border-radius: 10%;
padding: .2cm;
width: 7cm;
height: 8cm;
}
a { a {
color: var(--link); color: var(--link);
text-decoration: none; text-decoration: none;

View file

@ -129,23 +129,21 @@ class User{
} }
const div=document.createElement("table"); const div=document.createElement("div");
if(x!==-1){ if(x!==-1){
div.style.left=x+"px"; div.style.left=x+"px";
div.style.top=y+"px"; div.style.top=y+"px";
div.classList.add("profile"); div.classList.add("profile","flexttb");
}else{ }else{
div.classList.add("hypoprofile"); div.classList.add("hypoprofile");
} }
{ {
const pfp=this.buildpfp(); const pfp=this.buildpfp();
const pfprow=document.createElement("tr"); div.appendChild(pfp);
div.appendChild(pfprow);
pfprow.appendChild(pfp);
} }
{ {
const userbody=document.createElement("tr"); const userbody=document.createElement("div");
userbody.classList.add("infosection"); userbody.classList.add("infosection");
div.appendChild(userbody); div.appendChild(userbody);
const usernamehtml=document.createElement("h2"); const usernamehtml=document.createElement("h2");