Skip to content

Instantly share code, notes, and snippets.

@danferns
Created August 27, 2023 07:25
Show Gist options
  • Select an option

  • Save danferns/f9786b7a0c76ebfeaef9a702ebe87943 to your computer and use it in GitHub Desktop.

Select an option

Save danferns/f9786b7a0c76ebfeaef9a702ebe87943 to your computer and use it in GitHub Desktop.
Userstyle to minimize the empty space in tlk.io's desktop view, also hides header avatar.
/* hide the header avatar */
.header-avatar {
background: inherit !important;
pointer-events: none;
cursor: default;
}
/* wide desktop view */
@media (min-width: 761px) {
/* move the online list to the side */
.aside {
right: 14px;
margin-left: unset !important;
left: unset !important;
}
/* make the chat wider */
.chat {
width: 100%;
}
/* make the message input wider */
.footer-wrapper {
width: calc(100% - 100px);
}
}
/* extra breakpoint to match input to the message width */
@media (min-width: 920px) {
.footer-wrapper {
width: calc(100% - 300px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment