empty mask on tables

[roojs1] / css-bootstrap4 / roojs-bootstrap-debug.css

diff --git a/css-bootstrap4/roojs-bootstrap-debug.css b/css-bootstrap4/roojs-bootstrap-debug.css
index 1cbcfb8..e754409 100644 (file)
--- a/css-bootstrap4/roojs-bootstrap-debug.css
+++ b/css-bootstrap4/roojs-bootstrap-debug.css
@@ -2149,11 +2149,15 @@ a.list-group-item, button.list-group-item {
   display: table;
   min-width: 250px; }
 
+/* this is the 'spinner' */
 .roo-el-mask-msg i {
   font-size: 36px;
   vertical-align: middle;
   float: left; }
 
+.roo-el-mask-msg.no-spinner i {
+  display: none; }
+
 .roo-el-mask-msg div {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 24px;
@@ -3586,7 +3590,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 +3602,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 {
@@ -4780,4 +4816,15 @@ html.bootstrap-sticky body {
   margin-left: -10px;
   margin-right: 10px; }
 
+img.background-contain {
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain; }
+
+/** override max-width of tooltip-inner
+not sure why it was so small..
+*/
+.tooltip-inner {
+  max-width: 500px; }
+
 /*# sourceMappingURL=roojs-bootstrap-debug.css.map */
\ No newline at end of file