mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
First pass at improving the dialogue borders.
This commit is contained in:
parent
3df180831f
commit
05e527505d
@ -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
37
web/pgadmin/static/js/wcDocker/README
Normal 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.
|
||||
|
@ -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);
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user