Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

emoji style update

Browse source
This commit is contained in:
MathMan05 2024-08-05 22:49:26 -05:00
parent 3841defed7
commit 3eaa1c425e
3 changed files with 16 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
.dist/message.js
View file

@ -385,11 +385,11 @@ class Message {
}
const emoji = document.createElement("p");
emoji.textContent = thing.emoji.name;
reaction.append(emoji);
const count = document.createElement("p");
count.textContent = "" + thing.count;
count.classList.add("reactionCount");
reaction.append(count);
reaction.append(emoji);
reactdiv.append(reaction);
reaction.onclick = _ => {
this.reactionToggle(thing.emoji.name);

3
webpage/message.ts
View file

@ -389,11 +389,12 @@ class Message{
}
const emoji=document.createElement("p");
emoji.textContent=thing.emoji.name;
reaction.append(emoji);
const count=document.createElement("p");
count.textContent=""+thing.count;
count.classList.add("reactionCount");
reaction.append(count);
reaction.append(emoji);
reactdiv.append(reaction);
reaction.onclick=_=>{

23
webpage/style.css
View file

@ -1583,14 +1583,16 @@ form div{
flex-grow: 1;
}
.reactionCount{
position:absolute;
/* position:absolute; */
font-size:.125in;
padding:0 .01in;
bottom:-.03in;
left:-.03in;
background: var(--channels-bg);
border:solid var(--black) .021in;
border-radius:.05in;
/* bottom:-.03in; */
/* left:-.03in; */
/* background: var(--channels-bg); */
/* border:solid var(--black) .021in; */
/* border-radius:.05in; */
padding-left: .02in;
padding-right: .05in;
}
.reactiondiv{
@ -1600,19 +1602,20 @@ form div{
}
.reaction{
cursor:pointer;
width:.25in;
/* width:.25in; */
position:relative;
height:.25in;
/* height:.25in; */
display:flex;
flex-direction: row;
align-content: stretch;
background: var(--profile-info-bg);
border-radius:.05in;
justify-content: space-evenly;
border:solid var(--black);
margin-right:.05in;
p{
flex-grow:0;
flex-shrink:0;
flex-shrink:0;
}
;
padding: .03in;
}