Skip to content

Instantly share code, notes, and snippets.

@ris58h
Created August 6, 2018 08: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 ris58h/6b1b7af72bca437385950584ccd947a1 to your computer and use it in GitHub Desktop.
Save ris58h/6b1b7af72bca437385950584ccd947a1 to your computer and use it in GitHub Desktop.
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