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

First pass at improving the dialogue borders.

Browse Source
This commit is contained in:
Arun Kollan 2016-03-16 17:12:41 +00:00 committed by Dave Page
parent 3df180831f
commit 05e527505d
4 changed files with 67 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
web/pgadmin/static/css/wcDocker/Themes/pgadmin.css
View File

@ -67,24 +67,36 @@
}
.wcFrameEdge {
border-width: 3px;
border-style: groove;
border-color: #dddddd;
background-color: #999999;
border: 1px solid #dddddd;
background-color: #dddddd;
}
.wcFrame > .wcFrameEdgeV ~ .wcFrameEdgeV {
box-shadow: 3px 6px 3px 1px #888888 !important;
}
.wcFrame > .wcFrameEdge ~ .wcFrameEdgeV {
box-shadow: 1px 0px 0px 0px #888888;
}
.wcFrame > .wcFrameEdgeH ~ .wcFrameEdgeH {
box-shadow: 2px 3px 3px 2px #888888 !important;
}
.wcFrame > .wcFrameEdgeH {
box-shadow: 1px 0px 0px 0px #888888;
}
.wcFrameEdgeH {
height: 6px;
height: 4px;
}
.wcFrameEdgeV {
width: 6px;
width: 4px;
}
.wcFrameCornerNW,
.wcFrameCornerNE {
height: 6px;
width: 6px;
height: 4px;
width: 4px;
}
.wcSplitterBar {

37
web/pgadmin/static/js/wcDocker/README Normal file
View File

@ -0,0 +1,37 @@
The wcDocker theme frame width has been changed from 6px to 4px. This change has
been brought about to keep the width of the frame consistent with the width of
the window divider.
Below is the git diff of wcDocker.js
diff --git a/web/pgadmin/static/js/wcDocker/wcDocker.js b/web/pgadmin/static/js/wcDocker/wcDocker.js
index 954d73e..bc64b3b 100755
--- a/web/pgadmin/static/js/wcDocker/wcDocker.js
+++ b/web/pgadmin/static/js/wcDocker/wcDocker.js
@@ -3408,14 +3408,14 @@ define('wcDocker/frame',[
this.$frame.append(this.$center);
if (this._isFloating) {
- this.$top = $('<div class="wcFrameEdgeH wcFrameEdge"></div>').css('top', '-6px').css('left', '0px').css('right', '0px');
- this.$bottom = $('<div class="wcFrameEdgeH wcFrameEdge"></div>').css('bottom', '-6px').css('left', '0px').css('right', '0px');
- this.$left = $('<div class="wcFrameEdgeV wcFrameEdge"></div>').css('left', '-6px').css('top', '0px').css('bottom', '0px');
- this.$right = $('<div class="wcFrameEdgeV wcFrameEdge"></div>').css('right', '-6px').css('top', '0px').css('bottom', '0px');
- this.$corner1 = $('<div class="wcFrameCornerNW wcFrameEdge"></div>').css('top', '-6px').css('left', '-6px');
- this.$corner2 = $('<div class="wcFrameCornerNE wcFrameEdge"></div>').css('top', '-6px').css('right', '-6px');
- this.$corner3 = $('<div class="wcFrameCornerNW wcFrameEdge"></div>').css('bottom', '-6px').css('right', '-6px');
- this.$corner4 = $('<div class="wcFrameCornerNE wcFrameEdge"></div>').css('bottom', '-6px').css('left', '-6px');
+ this.$top = $('<div class="wcFrameEdgeH wcFrameEdge"></div>').css('top', '-4px').css('left', '0px').css('right', '0px');
+ this.$bottom = $('<div class="wcFrameEdgeH wcFrameEdge"></div>').css('bottom', '-4px').css('left', '0px').css('right', '0px');
+ this.$left = $('<div class="wcFrameEdgeV wcFrameEdge"></div>').css('left', '-4px').css('top', '0px').css('bottom', '0px');
+ this.$right = $('<div class="wcFrameEdgeV wcFrameEdge"></div>').css('right', '-4px').css('top', '0px').css('bottom', '0px');
+ this.$corner1 = $('<div class="wcFrameCornerNW wcFrameEdge"></div>').css('top', '-4px').css('left', '-4px');
+ this.$corner2 = $('<div class="wcFrameCornerNE wcFrameEdge"></div>').css('top', '-4px').css('right', '-4px');
+ this.$corner3 = $('<div class="wcFrameCornerNW wcFrameEdge"></div>').css('bottom', '-4px').css('right', '-4px');
+ this.$corner4 = $('<div class="wcFrameCornerNE wcFrameEdge"></div>').css('bottom', '-4px').css('left', '-4px');
this.$frame.append(this.$top);
this.$frame.append(this.$bottom);
The same changes have been made to wcDocker-min.js and is not included as the
file is tidy formatted.

16
web/pgadmin/static/js/wcDocker/wcDocker.js
View File

@ -3408,14 +3408,14 @@ define('wcDocker/frame',[
this.$frame.append(this.$center);
if (this._isFloating) {
this.$top = $('<div class="wcFrameEdgeH wcFrameEdge"></div>').css('top', '-6px').css('left', '0px').css('right', '0px');
this.$bottom = $('<div class="wcFrameEdgeH wcFrameEdge"></div>').css('bottom', '-6px').css('left', '0px').css('right', '0px');
this.$left = $('<div class="wcFrameEdgeV wcFrameEdge"></div>').css('left', '-6px').css('top', '0px').css('bottom', '0px');
this.$right = $('<div class="wcFrameEdgeV wcFrameEdge"></div>').css('right', '-6px').css('top', '0px').css('bottom', '0px');
this.$corner1 = $('<div class="wcFrameCornerNW wcFrameEdge"></div>').css('top', '-6px').css('left', '-6px');
this.$corner2 = $('<div class="wcFrameCornerNE wcFrameEdge"></div>').css('top', '-6px').css('right', '-6px');
this.$corner3 = $('<div class="wcFrameCornerNW wcFrameEdge"></div>').css('bottom', '-6px').css('right', '-6px');
this.$corner4 = $('<div class="wcFrameCornerNE wcFrameEdge"></div>').css('bottom', '-6px').css('left', '-6px');
this.$top = $('<div class="wcFrameEdgeH wcFrameEdge"></div>').css('top', '-4px').css('left', '0px').css('right', '0px');
this.$bottom = $('<div class="wcFrameEdgeH wcFrameEdge"></div>').css('bottom', '-4px').css('left', '0px').css('right', '0px');
this.$left = $('<div class="wcFrameEdgeV wcFrameEdge"></div>').css('left', '-4px').css('top', '0px').css('bottom', '0px');
this.$right = $('<div class="wcFrameEdgeV wcFrameEdge"></div>').css('right', '-4px').css('top', '0px').css('bottom', '0px');
this.$corner1 = $('<div class="wcFrameCornerNW wcFrameEdge"></div>').css('top', '-4px').css('left', '-4px');
this.$corner2 = $('<div class="wcFrameCornerNE wcFrameEdge"></div>').css('top', '-4px').css('right', '-4px');
this.$corner3 = $('<div class="wcFrameCornerNW wcFrameEdge"></div>').css('bottom', '-4px').css('right', '-4px');
this.$corner4 = $('<div class="wcFrameCornerNE wcFrameEdge"></div>').css('bottom', '-4px').css('left', '-4px');
this.$frame.append(this.$top);
this.$frame.append(this.$bottom);

2
web/pgadmin/static/js/wcDocker/wcDocker.min.js vendored
View File

File diff suppressed because one or more lines are too long