Created
August 27, 2023 07:25
-
-
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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