table css

wax-prosemirror-themes/themes/default-theme.css

@@ -2,51 +2,6 @@
   background: #fff;
 }
 
-.wax-t-default hr {
-  padding: 2px 10px;
-  border: none;
-  margin: 1em 0;
-}
-
-.wax-t-default hr:after {
-  content: "";
-  display: block;
-  height: 1px;
-  background-color: silver;
-  line-height: 2px;
-}
-
-.wax-t-default ul,
-.wax-t-default ol {
-  padding-left: 30px;
-}
-
-.wax-t-default blockquote {
-  padding-left: 1em;
-  border-left: 3px solid #eee;
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.wax-t-default img {
-  cursor: default;
-}
-
-.wax-t-default table {
-  border-spacing: 0px;
-}
-
-.wax-t-default th,
-.wax-t-default td {
-  border: 1px solid #eee;
-  padding: 2px 5px;
-}
-
-.wax-t-default sup,
-.wax-t-default sub {
-  line-height: 0;
-}
-
 .wax-t-default .ProseMirror:focus {
   outline: none;
 }

wax-prosemirror-themes/themes/editoria-theme.css

@@ -28,23 +28,62 @@
   cursor: default;
 }
 
+.wax-t-editoria sup,
+.wax-t-editoria sub {
+  line-height: 0;
+}
+
+.wax-t-editoria .ProseMirror:focus {
+  outline: none;
+}
+
+/* Tables */
+
 .wax-t-editoria table {
   border-spacing: 0px;
+  table-layout: fixed;
+  width: 100%;
+  overflow: hidden;
 }
 
 .wax-t-editoria th,
 .wax-t-editoria td {
   border: 1px solid #eee;
   padding: 2px 5px;
+  vertical-align: top;
+  box-sizing: border-box;
+  position: relative;
 }
 
-.wax-t-editoria sup,
-.wax-t-editoria sub {
-  line-height: 0;
+.wax-t-editoria .tableWrapper {
+  overflow-x: auto;
 }
 
-.wax-t-editoria .ProseMirror:focus {
-  outline: none;
+.wax-t-editoria .column-resize-handle {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  z-index: 20;
+  background-color: #adf;
+  pointer-events: none;
+}
+.wax-t-editoria .ProseMirror.resize-cursor.resize-cursor {
+  cursor: ew-resize;
+  cursor: col-resize;
+}
+/* Give selected cells a blue overlay */
+.wax-t-editoria .selectedCell:after {
+  z-index: 2;
+  position: absolute;
+  content: "";
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(200, 200, 255, 0.4);
+  pointer-events: none;
 }
 
 /* placeholder */