ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-17 02:51:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add query plan theme support (#2991) (#3031)

Browse Source 
Add monaco-editor and monaco-editor-hover to output otherwise backgrounds collide.
This commit is contained in:
Ryan
2018-10-31 13:03:02 -04:00
committed by Karl Burtram
parent 233156c744
commit 18671b7cca
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/sql/parts/grid/load/css/qp.css
View File

@@ -1,8 +1,7 @@
div.qp-node { div.qp-node {
background-color: #FFFFCC;
margin: 2px; margin: 2px;
padding: 2px; padding: 2px;
border: 1px solid black; border: 1px solid;
} }
div.qp-statement-header { div.qp-statement-header {
margin: 2px; margin: 2px;
@@ -33,8 +32,7 @@ div[class|='qp-icon'] {
.qp-tt { .qp-tt {
top: 4em; top: 4em;
left: 2em; left: 2em;
border: 1px solid black; border: 1px solid;
background-color: #FFFFEE;
padding: 2px; padding: 2px;
width: 30em; width: 30em;
} }
@@ -56,7 +54,7 @@ div[class|='qp-icon'] {
.qp-tt td, .qp-tt td,
.qp-tt th { .qp-tt th {
font-size: 11px; font-size: 11px;
border-bottom: solid 1px Black; border-bottom: solid 1px;
padding: 1px; padding: 1px;
} }
@@ -204,8 +202,6 @@ div.qp-node:hover .qp-tt {
.qp-root { .qp-root {
display: table; display: table;
position: relative; position: relative;
background-color: #fff;
color: #000;
} }
.qp-root svg { .qp-root svg {

4
src/sql/parts/queryPlan/queryPlan.ts
View File

@@ -93,6 +93,10 @@ export class QueryPlan {
QP.showPlan(this.container, this._xml, { QP.showPlan(this.container, this._xml, {
jsTooltips: false jsTooltips: false
}); });
this.container.querySelectorAll('div.qp-tt').forEach(toolTip=>{
toolTip.classList.add('monaco-editor');
toolTip.classList.add('monaco-editor-hover');
});
} }
public get xml(): string { public get xml(): string {