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"); const emoji = document.createElement("p");
emoji.textContent = thing.emoji.name; emoji.textContent = thing.emoji.name;
reaction.append(emoji);
const count = document.createElement("p"); const count = document.createElement("p");
count.textContent = "" + thing.count; count.textContent = "" + thing.count;
count.classList.add("reactionCount"); count.classList.add("reactionCount");
reaction.append(count); reaction.append(count);
reaction.append(emoji);
reactdiv.append(reaction); reactdiv.append(reaction);
reaction.onclick = _ => { reaction.onclick = _ => {
this.reactionToggle(thing.emoji.name); this.reactionToggle(thing.emoji.name);

3
webpage/message.ts
View file

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

23
webpage/style.css
View file

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