Make unread message/jump to present bars

[fathom echo]

If you would like the buttons to be even smaller, you can hide the text on the left of them with this

.barButtonMain__0f5c6 {
  display: none;
}

[cedar zephyr]

is there a way to do this for only the jump to present and not the mark as read one?

[thorn dune]

could you perhaps shorten the "x new messages" so that it only shows the number?

[fathom echo]

replace .barBase.... with .jumpToPresentBar__0ff7f

[fathom echo]

unfortunately, no - all of the text is in the same element so I can't separate the number from the rest

[thorn dune]

you could like hide overflow and set a fixed with

idk

[fathom echo]

that is unreliable and would cause issues when the unread number goes from one to two to three+ digits

[thorn dune]

text align right?

[fathom echo]

it's unreliable but here you go

.barBase__4e0ba {
  overflow: hidden;
  width: fit-content;
  margin-left: auto;
}
.newMessagesBar__8b6d7 .barButtonMain__0f5c6 {
  overflow: hidden;
  text-overflow: clip;
  width: 35px;
}
.newMessagesBar__8b6d7 .barButtonMain__0f5c6 span {
  text-overflow: clip;
}

the text align doesn't actually make a difference for this

[unreal pilot]

nice foxo

[thorn dune]

alr thx

i forgot the width of the time varies also

[deft jewel]

it is perfect

is there a way to change the color of it to match the typing area

[thorn dune]

.jumpToPresentBar__0ff7f {
    background: var(--channeltextarea-background);
}

[deft jewel]

this is the one i used

  background: var(--bg-overlay-3,var(--channeltextarea-background));

[woeful elbow]

when i click "jump to present" if people are typing still, the typing indicator isnt centred properly

[thorn dune]

this happens

[unkempt ember]

is there a way to fix the jump to present bar padding when I am replying to a message?

[unkempt ember]

@fathom echo im sorry for the ping but it seems like noone will see this

[thorn dune]

wdym fix

[unkempt ember]

the jump to present bar hides behind the message bar if i am responding to a message as seen on the second pic

[thorn dune]

oh i didnt see the second pic mb

[unkempt ember]

nws

[fathom echo]

uhhh

does that happen without this snippet? this snippet doesn't touch vertical alignment at all

[unkempt ember]

it happens after I have changed your snipped a bit in order to have it on the message bar and not on the reply bar if I respond to a message

Wait amma send css

/* make unread and jump bar smaller and hug right */
.barBase__4e0ba {
  background-color: hsla(0, 0%, 0%, 0.6);
  width: fit-content;
  margin-left: auto;
  padding-bottom: 0px;
  padding-top: 2px;
  bottom: -27px;
  right: 50px;
}


/* make reply bar smaller and hug left */
.attachedBars_da3c74 {
    background:hsla(0, 0%, 0%, 0);
    border-top-left-radius: 0px;
    border-top-right-radius: 8px;
}
.replyBar_b64d74, .threadSuggestionBar_b633f7 {
    border-top-left-radius: 0px;
    background: hsla(0, 0%, 0%, 0.6);
    cursor: pointer;
}
.attachedBars_da3c74 {
    width: 400px;
    position: relative;
    right: -53px;
    padding-top: 1px;
    border-top-left-radius: 0px;
}

/* modify typing indicator */
.typing__6fd1d {
  top: -24px;
  left: 69px;
  width: fit-content;
  padding-right: 9px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: hsla(0, 0%, 0%, 0.6);
}

/* better message bar */
.channelTextArea__2e60f {
  margin-bottom: 14px;
}
.scrollableContainer__33e06 {
  border-radius: 120px;
}
.buttons_ce5b56 {
  padding-right: 10px;
}

[fathom echo]

i mean

you're hardcoding it to be lower

and it's not really my snippet anymore

I can see about it later tonight maybe but I can't promise I'll get time to look into it

[unkempt ember]

is there any other way to make the jump to present bar lower without hardcoding it?

[unkempt ember]

ight

[alpine oar]

/* Make jump to present/jump to original/mark as read bars smaller and hug the right */
.barBase__8839d {
  width: fit-content;
  margin-left: auto;
}

fixed for discord update