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 5a3c165..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;
@@ -3572,6 +3576,9 @@ html.bootstrap-sticky body {
 
 .table .sortable {
   cursor: pointer; }
+  .table .sortable i.fa-arrow-up,
+  .table .sortable i.fa-arrow-down {
+    margin-right: 6px; }
 
 .table-body-fixed tbody {
   overflow-y: scroll;
@@ -3583,12 +3590,48 @@ 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 {
   float: left;
-  border-bottom-width: 0; }
+  border-bottom-width: 0;
+  /* long headers? and body ?*/
+  overflow: hidden;
+  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,
@@ -4773,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