Skip to content

Instantly share code, notes, and snippets.

@Steffan153
Forked from Ademking/fix_v2.css
Last active December 29, 2020 00:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Steffan153/57c5284e943e4c96407798c36ac02d0b to your computer and use it in GitHub Desktop.
Save Steffan153/57c5284e943e4c96407798c36ac02d0b to your computer and use it in GitHub Desktop.
/* Custom tlk.io Chatroom CSS - Fix: No Avatar */
@import url('https://fonts.googleapis.com/css?family=Cairo');
#header {
display: none;
}
#channel {
text-transform: uppercase;
}
.header-avatar, .info , .menu, #share_button{
display: none;
}
html, .header-channel {
font-family: 'Cairo', sans-serif;
}
.aside {
background-color: transparent !important;
}
/* fixed by @steffan and @lxhom - Thank you */
.message-button--submit.show {
display: none !important;
}
.message-button--submit:not(.show) {
display: block !important;
}
button#submit-button {
position: static;
margin-left: 10px;
height: 52px;
display: block !important;
}
form#new_message {
position: static;
display: flex;
}
.message-input:focus {
border-color: rgba(0,0,0,0.3) !important;
background-color: #202225 !important;
box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%), 0 1px 1px rgb(255 255 255 / 10%) !important;
}
.deleted {
display: none;
}
.list-item::after {
content: '';
font-style: italic;
font-size: 0.7em;
opacity: 0;
transition: opacity .3s;
}
.typing {
color: #cccccc !important;
}
.typing.list-item::after {
content: 'Typing...' !important;
opacity: 1 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment