Alinged Chatbox.md

Alinged Chatbox

Alings the chatbox input to the bottom and stretches it to the sides for a more uniform look.

Installation

To install this snippet, simply copy the CSS bellow into your custom css file:

CSS

.form_d8a4a1 {padding: 0;}
.form_d8a4a1 > div:first-of-type {
  margin: 1.1rem 0 0 0;
  border-radius: 0;
}
.scrollableContainer_ff917f {border-radius: 0}
.base__06abc {
  top: 0;
  bottom: unset;
}
.scrollableContainer_ff917f {min-height: 52px}
.typing__6fd1d {
  margin-top: -5px!important;
  margin-left: -16px;
  width: fit-content;
  padding-right: 5px;
  border-top-right-radius: 5px;
  background: var(--background-secondary);
}

Preview

Issues

This snippet is a work in progress. For issues, please refer to my Discord Server, or the Github Issues page. Please give a clear and consise description of the issue and present screenshots when reporting.

Credit

@Riddim_GLiTCH, @Notiphiliac

Changelog

1.0.0

• Initial release