Skip to content

Instantly share code, notes, and snippets.

@ris58h
Created August 6, 2018 08:16
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Embed
What would you like to do?
Custom PeekView CSS for VSCode which moves PeekView header actions to the left side.
.monaco-editor .peekview-widget .head {
flex-direction: row-reverse;
}
.monaco-editor .peekview-widget .head .peekview-title {
flex: 1;
}
.monaco-editor .peekview-widget .head .peekview-actions {
flex: initial;
margin-left: 20px;
}
.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar .action-item:first-child {
order: 1;
}
.monaco-editor .peekview-widget .head .peekview-actions>.monaco-action-bar .action-item:first-child:not(:only-child) {
margin-right: 16px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment