A little leanup of the styling of the edit grid

This commit is contained in:
Surinder Kumar authored and Dave Page committed 2017-06-08 17:06:34 +01:00
1 parent aa400cbc12
commit 73c6f1ca3b
1 file changed
+13 -7
@@ -201,7 +201,7 @@
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
box-shadow: 2px 3px 5px rgba(0,0,0,.2); box-shadow: 2px 3px 5px rgba(0,0,0,.2);
border-radius: 3px; border-radius: 3px;
border: 1px solid silver; border: 1px solid #ccc;
background: white; background: white;
font-size: 90%; font-size: 90%;
@@ -255,7 +255,6 @@ li {
#datagrid { #datagrid {
background: white; background: white;
outline: 0; outline: 0;
border: 1px solid gray;
font-size: 9pt; font-size: 9pt;
} }
@@ -324,7 +323,7 @@ li {
} }
.cell-selection { .cell-selection {
border-right-color: silver; border-right-color: #ccc;
border-right-style: solid; border-right-style: solid;
background: #f5f5f5; background: #f5f5f5;
color: gray; color: gray;
@@ -352,7 +351,8 @@ li {
color: #222222; color: #222222;
padding: 4px 0 3px 6px; padding: 4px 0 3px 6px;
background-color: #E8E8E8; background-color: #E8E8E8;
border-bottom: 1px solid silver !important; border-bottom: 1px solid #888 !important;
border-right: 1px solid #888 !important;
} }
#datagrid .slick-header .slick-header-column.selected { #datagrid .slick-header .slick-header-column.selected {
@@ -417,8 +417,8 @@ input.editor-checkbox:focus {
/* Remove active cell border */ /* Remove active cell border */
.slick-cell.active { .slick-cell.active {
border: 1px solid transparent; border: 1px solid transparent;
border-right: 1px dotted silver; border-right: 1px solid #ccc;
border-bottom-color: silver; border-bottom-color: #ccc;
} }
/* To highlight all newly inserted rows */ /* To highlight all newly inserted rows */
@@ -428,7 +428,7 @@ input.editor-checkbox:focus {
/* To highlight all the updated rows */ /* To highlight all the updated rows */
.grid-canvas .updated_row { .grid-canvas .updated_row {
background: #cccccc; background: #ccc;
} }
/* To highlight row at fault */ /* To highlight row at fault */
@@ -464,6 +464,7 @@ input.editor-checkbox:focus {
background: #ffffff; background: #ffffff;
border-bottom: none; border-bottom: none;
border-right: none; border-right: none;
border-top: 1px solid #888;
} }
/* /*
@@ -482,3 +483,8 @@ input.editor-checkbox:focus {
margin-left: 9px; margin-left: 9px;
vertical-align: bottom; vertical-align: bottom;
} }
.slick-cell, .slick-headerrow-column {
border-right: 1px solid #ccc;
z-index: 0;
}