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

Grey the SQL panel in edit data mode. Fixes #1423

Browse Source 
Introduced a new class 'cm_disabled' with css property background-color to '#EEEEE'
Query tool in edit mode, add the class 'cm_disabled' to set background color to dark and set the cursor property to 'nocursor' to disable editor.
Increased the query tool title padding to fix the issue of whitespace below the title.
This commit is contained in:
Surinder Kumar 2016-07-05 12:11:36 +01:00 committed by Dave Page
parent 3ee8861d44
commit 1bd27b847b
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/pgadmin/static/css/overrides.css
View File

@ -1359,3 +1359,8 @@ table.backgrid {
.aciTree.aciTreeLoad {
background: none;
}
/* class to disable Codemirror editor */
.cm_disabled {
background: #EEEEEE;
}

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

@ -35,7 +35,7 @@
.editor-title {
background-color: #2C76B4;
padding: 2px;
padding: 4px 5px;
color: white;
font-size: 13px;
}

7
web/pgadmin/tools/sqleditor/templates/sqleditor/js/sqleditor.js
View File

@ -1124,7 +1124,12 @@ define(
}
}
else {
self.gridView.query_tool_obj.setOption("readOnly",true);
// Disable codemirror by setting cursor to nocursor and background to dark.
self.gridView.query_tool_obj.setOption("readOnly", 'nocursor');
var cm = self.gridView.query_tool_obj.getWrapperElement();
if (cm) {
cm.className += ' cm_disabled';
}
self.disable_tool_buttons(true);
self._execute_data_query();
}