VS Code Web: sticky "..." overflow menu
Pins the "..." button on the right of the tab bar so it's always within reach (works on github.dev too).
Code to copy
/* Make the "..." overflow menu on the tab toolbar always visible and reachable (works on github.dev too) */
.monaco-workbench .tabs-and-actions-container .editor-actions {
position: sticky !important;
right: 0 !important;
z-index: 5 !important;
background: var(--vscode-editorGroupHeader-tabsBackground) !important;
padding-left: 6px !important;
}
.monaco-workbench .tabs-and-actions-container .editor-actions .codicon-toolbar-more {
font-size: 18px !important;
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.