← All examples

Mastodon: sticky compose box

Pins the compose panel to the top so it stays visible while you scroll the timeline.

Code to copy

/* Keep the compose form pinned to the top of the side panel */
.compose-panel {
  position: sticky !important;
  top: 0 !important;
  align-self: flex-start !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
}
.compose-form {
  position: relative !important;
  z-index: 10 !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.