X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=css-bootstrap4%2Froojs-bootstrap-debug.css;fp=css-bootstrap4%2Froojs-bootstrap-debug.css;h=461bc7d8bafddc0bd8010a89399a2c72086513b9;hp=b1472311e07e643a5f329f5443758544a42003ab;hb=d81ddeecb21edfe27401017eb4d0cc01dfae425b;hpb=5a09638750d76b5c2f42753ab924401909761f61

diff --git a/css-bootstrap4/roojs-bootstrap-debug.css b/css-bootstrap4/roojs-bootstrap-debug.css
index b1472311e0..461bc7d8ba 100644
--- a/css-bootstrap4/roojs-bootstrap-debug.css
+++ b/css-bootstrap4/roojs-bootstrap-debug.css
@@ -3586,7 +3586,8 @@ html.bootstrap-sticky body {
   display: block; }
 
 .table-body-fixed thead {
-  overflow: hidden; }
+  overflow: hidden;
+  user-select: none; }
 
 .table-body-fixed tbody td,
 .table-body-fixed thead > tr > th {
@@ -3597,6 +3598,37 @@ html.bootstrap-sticky body {
   white-space: nowrap;
   text-overflow: ellipsis; }
 
+/** -- the dragable column bar */
+.table-body-fixed thead > tr:hover th .x-grid-split {
+  position: absolute;
+  top: 0px;
+  /*right: 0;*/
+  width: 9px;
+  height: 100%;
+  background: transparent;
+  cursor: col-resize; }
+
+.table-body-fixed thead > tr:hover th .x-grid-split:before {
+  position: absolute;
+  content: " ";
+  top: 15%;
+  right: 4px;
+  width: 1px;
+  height: 70%;
+  background: black;
+  cursor: col-resize; }
+
+/** vertical bar indicating that columns are being moved.  */
+.x-grid-resize-proxy {
+  z-index: 40009;
+  position: absolute;
+  background: #666;
+  border: 1px solid #000;
+  overflow: hidden;
+  cursor: col-resize;
+  overflow: hidden;
+  width: 2px; }
+
 /* fake infinate widt.. */
 .table-body-fixed thead > tr,
 .table-body-fixed tbody > tr {