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

Monitor connection and transaction status in the query tool. Fixes #2475

Browse Source
This commit is contained in:
Murtuza Zabuawala
2018-01-12 14:34:39 +00:00
committed by Dave Page
parent 82aa8035c2
commit 8520871bc6
12 changed files with 470 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
web/pgadmin/tools/sqleditor/static/css/sqleditor.css
View File

@@ -14,7 +14,7 @@
.sql-editor-busy-fetching {
position:absolute;
left: 0;
top: 41px;
top: 65px;
bottom: 0;
right: 0;
margin:0;
@@ -33,11 +33,6 @@
z-index: 0;
}
.editor-title {
padding: 4px 5px;
font-size: 13px;
}
.sql-editor-grid-container {
height: 100%;
overflow: auto;
@@ -524,3 +519,56 @@ input.editor-checkbox:focus {
#datagrid .slick-row .slick-cell {
white-space: pre;
}
/* CSS for connection status icon */
#output-panel .CodeMirror {
border-top: 1px solid #ddd;
}
.connection_status_wrapper {
width: 100%;
background-color: #f7f7f7;
}
.editor-title {
padding: 4px 5px;
font-size: 13px;
display: inline-block;
}
.connection_status {
width: 11px;
position: relative;
display: inline-block;
margin-top: 2px;
margin-left: 12px;
margin-right: 16px;
}
.connection_status .fa {
font-size: 16px;
margin-left: 2px;
}
.connection_status .fa-clock-o,
.connection_status .fa-hourglass-half {
color: #e8a735;
}
.connection_status .fa-exclamation-circle,
.connection_status .fa-exclamation-triangle {
color: #d0021b;
}
.connection_status .fa-custom {
height: 18px;
margin-bottom: -4px;
}
.connection_status .fa-query-tool-connected {
content: url('../img/connect.svg');
}
.connection_status .fa-query-tool-disconnected {
content: url('../img/disconnect.svg');
}