IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Integrate the graphical explain module in the Query Editor.

Browse Source 
Added few TODO list for the graphical explain module by Ashesh.
This commit is contained in:
Sanket Mehta
2016-05-16 01:07:52 +05:30
committed by Ashesh Vashi
parent 5ca63fba48
commit fcc3d112e2
66 changed files with 9487 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
web/pgadmin/misc/static/explain/css/explain.css Normal file
View File

@@ -0,0 +1,56 @@
.pg-explain-zoom-area {
position: absolute;
top: 5px;
left: 5px;
opacity: 0.5;
cursor: pointer;
}
.pg-explain-zoom-btn {
top: 5px;
min-width: 25px;
cursor: pointer;
border: 1px solid transparent;
}
.pg-explain-zoom-area:hover {
opacity: 1;
}
.explain-tooltip {
display: table-cell;
text-align: left;
white-space: nowrap;
line-height: 10px !important;
padding: 2px !important;
font-size: small;
}
td.explain-tooltip-val {
display: table-cell;
text-align: left;
white-space: pre-wrap;
font-size: smaller;
}
.pgadmin-explain-tooltip {
position: absolute;
padding:5px;
border: 1px solid white;
opacity:0;
color: cornsilk;
background-color: #010125;
}
.pgadmin-tooltip-table {
border-collapse: collapse;
border-spacing: 1px;
top: auto;
left: auto;
}
.pgadmin-explain-container {
height: 100%;
width: 100%;
overflow: auto;
}